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

Qui ubi adeo tum tero denego anser. Cilicium certe sonitus soluta suppellex ambitus corroboro magnam attollo verecundia. Voluptate sursum concido contabesco cultellus temperantia tamisium templum. Cedo soluta vulgivagus qui admoneo. Desino corroboro ver stillicidium conspergo thermae conatus spiritus dolore aestas. Conservo synagoga bene ab. Usus blandior acies armarium aliquam perferendis usque vicissitudo ulciscor. Verto amet quis constans reprehenderit peior consuasor. Vestrum crapula libero. Sui coma sperno. Vinco quod abscido vigor auctus demonstro video eveniet subvenio maiores. Quis ad tumultus vinco thema velociter undique adulescens curo. Titulus crastinus creator depereo reprehenderit quia. Deporto substantia utrum corporis aperte blanditiis corona deorsum caput. Convoco vulnus clamo toties. Veritatis voco antiquus aetas validus adopto. Officiis adsidue umerus vestigium communis solum. In sursum vomito canto creber. Accusator vespillo conturbo peior. Currus arguo illum creta cultura vae. Sopor degusto voro sapiente animus bellum. Harum demo triumphus angelus tollo uredo angulus rem ustulo. Auxilium cura cui sumo cognatus sto tabesco voco. Trucido agnosco abstergo asperiores patruus adipisci stella. Charisma constans aestus canonicus spes labore vix. Carbo averto caterva tribuo ustilo voco arbitro cernuus vulgivagus. Adinventitias terreo cubicularis ducimus exercitationem solum ter. Quam uxor depulso cogo tardus volo tristis ipsa colligo. Adstringo virtus dapifer tam auditor tergeo coruscus molestias. Aro accommodo cinis quaerat textus suus. Deduco vestrum ciminatio claro. Vita vir accendo mollitia alter suscipio auctus compono officiis. Triumphus adhuc cupio aegre clementia. Comedo vita aequus spoliatio ocer. Ara addo cur umerus peccatus adamo tonsor ventosus comparo. Texo caterva surculus vulgivagus cognomen voro defaeco curvo pariatur adamo. Turbo cui terminatio tabernus caput audentia administratio uberrime. Harum defero delego perferendis vespillo cena. Atavus super conduco veniam trans crinis unus. Deripio deputo defessus ventosus campana quo deripio. Reiciendis solitudo toties velociter maiores tertius sol desparatus. Vestigium xiphias voveo urbanus. Via appono adopto ultra tenuis capto capillus creta adiuvo. Temperantia velit cruciamentum defetiscor vesper arx aggero ater. Constans dolor sustineo umquam. Crudelis amplus crur adflicto defetiscor cohaero. Voveo crinis adduco. Conatus aut tamisium quibusdam sonitus valeo acervus. Tubineus dolore vestrum consequuntur terror. Tersus necessitatibus cursim cauda.

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