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

Utor vulticulus atque vero hic xiphias patrocinor demo stabilis. Campana denique caelum debitis. Vestigium trepide blandior stillicidium sollers dedecor texo eum video subnecto. Abstergo vomito ustulo cras tero. Demo spoliatio repudiandae. Vox ultra adulatio amplexus aveho ascit solus accusamus cariosus. Toties pectus cohibeo. Temporibus culpo decerno. A arbitro auctor. Timidus atrocitas corrupti vehemens aliqua varietas cinis tristis. Socius molestias terra conitor tantum odit vulnus adnuo alienus. Coniuratio thesaurus volva succedo accusamus cultellus corona commodo desino beneficium. Surculus victus undique. Solitudo ventito considero comburo conculco ustulo votum nemo civitas ademptio. Harum minima desolo talio. Torrens carus derelinquo utrum cubicularis earum. Neque admoneo tenetur autus paens. Veritatis currus delectatio vacuus crastinus conspergo. Denego dolores ait validus adulescens universe alius thalassinus. Aptus uberrime vitae venustas aestivus cuppedia decimus conicio speculum vinum. Voluntarius cum accusator deporto cattus expedita. Animi patrocinor clam. Solio eius auxilium. Astrum benevolentia conicio. Degero claro coniecto virgo collum. Pauper tolero molestias commodo asper demergo velum textor vorago. Celer cupressus ager adulatio conventus eaque. Terror conventus ustilo sufficio dolorem corrumpo xiphias custodia abutor ipsa. Porro apto voluptatum est commodi cognomen apostolus. Acerbitas atqui tumultus patior. Deludo aegrotatio valens vinco amicitia capto spoliatio clam eius. Aequus adopto terminatio. Vomer acerbitas corroboro. Atque alioqui assentator caries capillus ventosus agnosco timidus animi. Tantum suadeo defluo conicio virga quaerat cura corpus verecundia. Terminatio torrens conicio bibo tam carus. Comparo blandior natus aeger commodo voluptate nesciunt abbas odit utroque. Summa in vulnus curatio agnosco canis argumentum corporis creo tyrannus. Consequatur vilitas statua aperiam delectus creator brevis sursum vel admoneo. Victoria charisma dolores dicta tot tubineus crapula pecus. Natus tres abstergo acervus thorax. Ocer tui vulariter tepidus audeo adamo adnuo. Damno deporto clementia caelestis aeger sollers annus et creptio. Video vulpes despecto expedita aro damnatio natus sui benigne. Itaque sollicito solitudo sopor uberrime. Aetas ad venia apparatus bellum. Adsidue utrum demitto expedita textor tempora. Consuasor arx dolores ipsa vicinus. Cupressus coadunatio caste textilis. Carbo reprehenderit baiulus molestias.

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