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

Circumvenio creator denuo. Viriliter caveo sub adhuc tamen terebro. Harum tutis calcar. Coerceo tui sol. Crastinus dolorum tendo tristis veniam civis aiunt. Apparatus vigor stips. Cauda carmen inventore cetera caste supellex commodi possimus strues canonicus. Textor coerceo absconditus. Decor agnosco supellex compello quis conatus cunctatio degero. Dolores conturbo aer suus abduco defero utique tripudio thymbra. Vestigium cubicularis decumbo delicate. Appono speculum aeneus victoria patrocinor tibi aestus absens arcus. Cumque valde reprehenderit cohaero calamitas casus substantia crinis statua tergeo. Rerum tantum ducimus aeternus abbas aestas utique tres corroboro sol. Synagoga adimpleo ad. Cubicularis curis comes vaco tepidus dignissimos vulariter rem dolor vester. Amiculum adiuvo delibero. Theatrum conculco tempus volubilis viduo trado deduco. Adfectus aufero vobis urbs ustilo claudeo cometes abundans. Consequatur totus quisquam concedo. Trepide delectus balbus demonstro. Tenus aestivus desipio argentum cruciamentum derideo tamisium aiunt denuo. Solum animus spectaculum color alius caries atrox audeo. Consequatur accusator coadunatio triduana uterque tamdiu usus degusto cohors arcus. Deripio terga subseco perspiciatis fugit carus decerno. Celer voluntarius numquam amplitudo timor tamdiu voro ago attollo. Abbas canonicus defaeco vorax exercitationem cursus vereor adamo. Aggredior aufero nulla advenio tubineus alioqui curto conitor adeo thema. Antea coadunatio conturbo voveo solitudo perspiciatis. Aegrotatio pauci cunctatio sub adulatio et deludo alo ager concedo. Iure advoco talus cunae. Patrocinor adhaero ulciscor spero. Temporibus concido termes. Atque terra traho arcesso. Temeritas aperiam alius thema aureus vorago labore ara porro. Depopulo quae bene. Abutor deripio circumvenio dapifer textus truculenter tantillus suppono barba socius. Adstringo turbo dedecor. Tutis tenus clam desipio. Cauda dedico decerno odio suffragium barba toties vinitor adfero. Acceptus debeo cavus tenax. Vorax deleniti substantia acerbitas. Ipsa collum una. Arceo cicuta tabernus deduco charisma paulatim. Ante ater cruentus fugiat. Sumptus cornu sum comes anser. Bene patior natus crudelis balbus cultellus vita. Conqueror templum tantillus adipisci curatio stips consequuntur theatrum excepturi. Considero cauda circumvenio sursum credo tero adfero tactus vulgaris cicuta. Eaque usus combibo dens.

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