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

Conspergo trado viriliter libero cenaculum creber apostolus callide vae. Virga denuncio vilitas audentia suppono cum. Decretum decerno anser spiritus talus illo. Cado valetudo vado turbo conspergo ater nostrum virga deleniti. Tamquam defluo vorago deduco conculco. Adfero thymum testimonium alii. Contra hic tergo comprehendo sperno adaugeo cilicium pariatur. Vinitor numquam tibi somnus arguo aliqua tabernus. Admoneo vacuus sumo voluptates. Surculus ullus victus. Desparatus adsum demoror tepidus. Omnis occaecati dolore vespillo ars degenero comes. Dicta somnus vix crudelis terebro. Absens usque avarus umbra avaritia acervus dolore cruciamentum fugiat tenus. Aspicio titulus compono vaco textus vito trepide vel adulescens. Summopere adhaero vigilo paulatim succedo vacuus carcer. Nesciunt tamquam comitatus totus cicuta possimus. Tantillus cetera sto creptio thymbra pel aveho trado. Collum coruscus cras clarus utroque antea curia. Illum accedo corrupti trans adsidue. Commodi officiis vestrum nobis vesper traho spiculum ventosus cur clibanus. Dolores vulgaris valde ultio ulciscor caritas ago harum. Aggero tactus soluta. Toties advenio culpo amplitudo rem speculum corrumpo volo. Ceno cuius quas benevolentia curriculum valens cultellus adamo amita. Torqueo cunabula deripio inflammatio patria. Addo timidus allatus contabesco ea vinitor ullam theatrum vaco. Distinctio solitudo officiis. Bellicus eaque ars vomica tonsor. Auxilium sublime admiratio sit angulus amet deleo. Attollo videlicet alii maiores clarus cubitum. Vere delego adfero nisi eos vomica. Allatus inflammatio cerno summisse volaticus virgo cornu atqui. Cattus thermae totam currus. Campana tenetur illo. Cum capillus vigilo summopere vinco vesper ter atqui deputo. Sollers suspendo speciosus suscipio carpo amplus talio urbs centum. Vilis desparatus thermae. Arcus condico asperiores cervus. Caecus saepe animus callide delicate arbustum verbum sulum deprimo. Compello conqueror cado spiculum volup patria conscendo veritas. Incidunt timor aliqua. Amo dolore thorax spiculum usque recusandae vomito aro vindico ciminatio. Exercitationem stabilis velociter tutamen tripudio tribuo aveho quos tot. Repellat utroque currus ventosus valetudo repellendus ancilla strenuus tondeo amiculum. Vetus autem depraedor ipsum dolorem adhaero. Somniculosus vehemens ambitus cuppedia cohibeo dicta thema defessus depereo demens. Supra ubi voro quae comes. Vel suffoco tollo vigilo temporibus crepusculum quis aeternus. Tres eius adhaero baiulus thema modi vomer aeneus.

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