Tailwind

Core

Provides a variety of globally scoped styles.

Source Page Source

Body Background

Your app's background is automatically set via a design token class. Adjust your theme's color scheme to customize. This affects both light and dark mode.

css 
body { @apply bg-surface-50-900-token; }

Selection

Selection color is also set via a token class. Try selecting the text in the card element below to preview this styling. Notice how selection color changes depending on the background.

The quick brown fox jumps over the lazy dog.

Try selecting the text above.

Mobile Focus

Interactive elements on mobile will briefly show a focus style when touched. Skeleton adjusts the coloring.

Scrollbars

Skeleton automatically provides custom scrollbar styles in supported browsers. Use .hide-scrollbar to disable scrollbars.

Test Scrolling Here

Deputo subiungo tempora addo velociter alii demulceo velit alioqui cinis. Cras custodia ex auctor avaritia vivo alienus vorax. Aliqua vulgaris volup adsuesco tripudio administratio adficio defluo angelus circumvenio. Delicate nostrum quidem deduco cinis eius textus. Viscus cito absconditus carcer. Caries absum saepe doloribus spiculum tenus valens summopere patria. Asperiores culpo comedo vitiosus assentator cauda theologus combibo. Decimus desipio vestigium decet autus cursus urbs dens. Dedecor sumptus addo trepide turba. Quo velum veritatis rerum auctor dicta temporibus carmen animadverto. Vulgivagus alii maiores corroboro tabgo ipsa victoria cavus corpus. Sol eius doloribus administratio vado. Corrupti certus crebro incidunt. Deorsum venia vociferor. Alius illum defungo tenax barba conitor neque addo rerum. Via super aduro. Currus saepe confero trado. Sui adopto casso cubo quo aequus corroboro sol vulticulus. Talis curia adiuvo. Vulpes attero ater spoliatio curso curto pariatur. Advoco facere cotidie. Cena suppellex virga cauda temeritas sulum. Accommodo validus dolore despecto succedo ullus. Unus vinum odit accendo abundans pauper. Ustulo xiphias suppono reprehenderit copia caelestis confido vulgivagus termes sumo. Chirographum doloremque utor amita audeo consequuntur. Occaecati aegrus derelinquo sodalitas conforto ullus deserunt victus vivo adimpleo. Quas verecundia admitto spoliatio venio in tabula amoveo deleniti. Apparatus in substantia repellat vitiosus angelus theologus rem patria talio. Adfectus defessus deinde absorbeo centum clamo. Ustulo vix vindico. Depraedor argumentum turpis validus exercitationem audax. Vorago corroboro crinis cotidie. Suffragium complectus concido comparo curiositas eum. Deinde vesper voco derelinquo concedo conventus perspiciatis suadeo commodi ater. Arceo aptus cogito unde conatus defaeco aliqua uter. Antiquus voluntarius theca crudelis maiores vestrum supra. Aperio crudelis absorbeo uterque corrigo. Natus velut defluo appello autus comprehendo volutabrum. Celebrer adhuc velociter. Aedificium a veritatis taceo amo aliquid curtus terebro tredecim. Compello currus complectus templum. Credo thermae calcar via ventito verbum. Trucido consequuntur vulticulus tergo fugit cunabula. Arbustum maiores tener videlicet angulus conqueror aiunt caries. Conforto subvenio solutio maxime amicitia rem. Acies comminor nulla vitae abundans. Dapifer coma autus brevis cenaculum decipio delectatio. Crux sollers debeo timidus ab vis defluo debitis. Molestias adopto cohors.

Dividers

Native hr horizontal rule elements respect your theme settings automatically. Use border size to adjust the width.

Divider Styling

Dividers may be dashed, dotted, or doubled.

Vertical Dividers

Divide columns with the .divider-vertical class. You can apply it with a span tag. Adjust the height as desired.

Left

Right