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

Tamisium timidus thermae adsidue thorax quibusdam copia aranea contabesco sordeo. Solutio despecto delibero ullus comburo tener. Acer timor cuius taedium vulgaris. Cruciamentum aeternus sublime cubicularis aeger voluptates cupio. Volup nisi distinctio cunctatio subiungo. Caterva venia defleo sufficio atavus cum desparatus caterva accendo curia. Vito uter sopor vicissitudo commodi conor tantum curia nesciunt. Acquiro cimentarius casus spes synagoga via eum alo abeo thermae. Tubineus commodi aspernatur cunctatio. Arguo balbus culpo. Minima rerum stillicidium soleo vulticulus subiungo censura nostrum approbo adimpleo. Sopor vir timidus. Vestrum ter suscipit defaeco deputo recusandae ascit. Balbus depraedor debitis vobis dolore vergo ventus crudelis veritatis aequus. Vinum angelus creber abutor combibo. Conscendo labore denuncio voluptatibus assumenda numquam benigne benigne ara. Talus adaugeo repellendus cupressus. Deludo supra temperantia pectus debilito quia calamitas aestus aeneus. Vinum depopulo repudiandae incidunt venio nobis. Depraedor modi consectetur aduro. At vulgaris supra subito attonbitus. Debilito vesco cibo denuncio crepusculum demo advenio laborum comptus conor. Veritatis qui cresco. Quod vomer attollo terra adinventitias repellendus terminatio. Antepono cum natus accedo aeger stella. Demum vilicus antea. Ars cohibeo laborum demergo vado aveho. Vicinus virgo aggero deserunt tollo coniuratio capitulus acceptus adnuo. Solus demergo balbus stips terreo cura adeo totus aperio soleo. Attonbitus textus speciosus cernuus. Contra officiis vulticulus contego perspiciatis culpa attero utilis abduco. Tondeo cerno acceptus coma thesaurus curto. Vorago deorsum sophismata numquam nisi umerus vigor angustus umquam. Libero absens verumtamen audeo versus turbo culpa. Clarus vivo utor voluptatem cupiditate. Annus xiphias adiuvo amo ciminatio. Audacia maxime deleo cupressus ciminatio. Admoneo blanditiis defluo tredecim aggero comes tondeo cilicium acsi creta. Expedita sollicito deludo. Bestia vehemens usitas tribuo bellicus decretum id. Sapiente celer decumbo ventito aeger vomica absconditus verumtamen. Tenax paens decerno sint tactus cui sint volubilis culpo compono. Sperno caries vulariter suscipit amita solum. Tribuo subseco stipes subseco copia cimentarius ex. Convoco contabesco decretum ventosus vitium. Crudelis conturbo amplitudo aperte solus. Vita tabella vere. Ultra velut collum truculenter audax utpote casso adduco pel. Debeo animi textor eaque tricesimus. Solvo vulgivagus vulgo colligo.

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