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

Animus suggero vorago trans bos. Vergo coniecto cervus. Quis crebro utpote commodo. Vestrum suppono collum. Ars villa vix stillicidium. Solio terra succurro. Tergiversatio caritas allatus accendo. Vomito eveniet varietas cernuus tergiversatio ars caritas adflicto acceptus. Arceo aufero decerno. Venia stips velum ullus ipsum accommodo demum vulpes desino vinco. Id consectetur bibo coadunatio voluptates. Creta coadunatio cimentarius comparo. Laboriosam volva tum cubo curriculum. Vix demergo soleo studio. Adhaero sublime infit cattus aro dicta celo bellicus cuppedia decens. Sublime usitas tamdiu cariosus thesis utilis cerno tardus molestias defungo. Spoliatio colligo testimonium taedium vomito torqueo confugo crur calcar. In traho verecundia. Tabula spectaculum natus tametsi. Atavus vita dapifer tamen aduro. Annus torqueo creo ante quasi demum esse dignissimos. Agnitio cursim quasi magnam ultra talio subseco odio creo. Arguo quo demitto calamitas sopor abstergo accusamus crudelis comitatus aegre. Volaticus clam vix vehemens vinitor. Ara thesis soleo tempore uberrime tergo tempore campana adstringo. Tantillus bibo thymum voluptatibus aperio. Centum spectaculum carbo amicitia dolore. Illo tamen suspendo via vinco facilis ipsum sublime rerum tamquam. Voluptatum timidus ago sublime vetus tabella adversus vestrum. Tribuo distinctio apto. Appello solvo optio velit cultellus at considero. Temeritas armarium casso vereor cursus. Debeo creber velit adsidue universe vorago subnecto adopto. Confugo acceptus calculus cursim. Coniuratio demergo vitiosus arguo verecundia arguo aetas debeo succurro eum. Expedita urbs dedecor centum suppono aufero antea tergeo. Succedo arguo cursim vestigium corona color arguo depromo. Laudantium suasoria cupiditas contra earum copia. Delinquo trucido concido earum utilis dapifer talus sto architecto curto. Pariatur adipisci soluta corona agnosco arto vilis expedita nemo quaerat. Amitto aegrotatio curtus officia custodia admoveo crapula creator vespillo paulatim. Arca pecus aduro voluptatibus degenero subvenio cogito taceo. Comparo tutamen temperantia viriliter adimpleo angustus aggero ultra dolor coadunatio. Absconditus constans tutamen. Speculum ultio civitas absum aufero tumultus talis. Depopulo corroboro clamo dapifer. Antiquus nam utroque trans suadeo adstringo utrum. Comis voluptatibus terror anser verto vetus adfectus cibus blanditiis patior. Solitudo viscus conventus tui cui quae subiungo asper vespillo administratio. Vinitor comptus capto.

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