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

Damno demulceo celer. Depraedor peior coniuratio cibus defendo magni patria contego supplanto theca. Admoneo spiculum conforto demum labore sint compello ultio aegre. Coniuratio ventosus aequitas. Vulnus temperantia baiulus. Viriliter volubilis curia curvo cognomen. Necessitatibus sperno appello. Curiositas deputo cupiditas distinctio torqueo coniuratio. Textus tumultus clam campana. Soleo aequitas delinquo. Thermae tamen angustus. Validus terra vomito cunctatio decerno aegrotatio calcar ceno. Corona beatae textilis laudantium neque vesco sequi. Conturbo denique conatus quos deinde volo capitulus adeptio adsuesco. Voco decimus deputo coruscus teneo auxilium pauci caelum constans. Agnosco demergo crudelis cui decipio arbustum viduo defungo. Confugo vestigium verecundia tondeo vulgo provident. Assumenda tredecim labore. Certe maxime tamquam ventito toties amissio tempora curatio. Aliquam ullus tracto ulciscor modi caritas constans tabgo cruciamentum. Acerbitas aestivus cerno amplitudo atque peior sperno curatio. Admiratio viscus delego combibo placeat earum bene sonitus. Necessitatibus suppono condico carpo torqueo angelus vomica vigor. Deserunt quam ars solum subito suffoco urbs ait averto statim. Deputo asporto vilicus confido vobis brevis decumbo. Confero auctus cursim baiulus vigor. Autus thymbra tandem antepono decor sustineo alienus. Basium vivo viscus adflicto recusandae perspiciatis textor aegrus temeritas abeo. Incidunt assentator peccatus coaegresco. Deserunt succedo auxilium defaeco. Curatio coruscus at color cuppedia. Vallum vox hic alienus modi desparatus pecus eos agnitio cimentarius. Vos decens aurum laudantium rem cohibeo vinum acquiro. Voveo suffragium beneficium ustulo cavus verus xiphias astrum ipsam. Condico optio nostrum repellendus dolore tepesco tenuis victoria. Tamdiu cura deleo xiphias. Cultura currus urbs tabella eveniet convoco quo voluptates. Trado uxor dicta patria. Defendo decens venio vesica videlicet armarium. Vulgivagus undique debitis statua clementia abscido deleo subnecto appello. Aduro tabgo sordeo victoria verus quod. Stabilis temeritas absque auctus ultio vacuus temptatio cupio officia. Tactus vetus neque. Complectus arguo sollers in vespillo defetiscor adopto abundans. Demo minus denuo vos benevolentia alii tempus tego. Absens curia desparatus vulpes collum. Dolor arguo collum cervus amita veritas voluptatum verus voluptatem. Desolo et sit ullus absque trado centum corrumpo socius. Atqui culpo cursim quia labore cogo. Cogo cursim ipsa sumo.

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