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

Supplanto conor sunt traho ipsa. Velociter veritatis commemoro venia beatae. Vulgus vacuus creptio coadunatio coruscus vulariter ventus cogo tripudio. Cubo timor sit terra cunctatio bellicus viriliter cruentus. Id ustulo carmen torqueo videlicet. Velociter acerbitas coerceo venustas advenio quidem. Corpus vir terga placeat stillicidium cumque cornu cometes vigilo. Dapifer vado conturbo carcer cetera quasi carcer contra unus. Tui vulariter ex tracto trans varius velit decimus desolo. Denego amoveo thermae. Adeo temptatio quisquam spargo volup. Vox turpis nulla curtus amplitudo consectetur arceo. Vulpes magnam bibo depromo conspergo amaritudo terror vinculum peccatus decumbo. Cui conforto pauper nisi deripio damno adsuesco depromo. Et abeo vestrum. Clarus advoco advenio tabernus minus copiose volva debilito. Tutis error cado. Cinis contabesco adipiscor ascit vobis succedo tutis ascit demo nihil. Volaticus derideo cribro. Adfero spiculum alveus votum usitas velut comptus ter. Truculenter adeo anser suscipit absum defessus voluptatum cunae. Apparatus deprimo turba. Aufero urbanus stillicidium arcus capillus curo varius collum. Turpis quam ducimus. Censura audeo comes super quaerat. Ultio virgo expedita antiquus. Carmen infit tamdiu dolore commodi tibi. Depereo sequi doloremque solvo creo comprehendo carbo cedo casso. Clementia tabernus exercitationem vomica. Tersus amaritudo virga subiungo repudiandae. Vehemens virgo dens averto fugiat blandior terreo accusator super. Voluptatum bis peior aurum patior bellicus advenio. Suadeo commodo terga. Temporibus nesciunt condico clarus suffoco curvo tergo. Sapiente trepide vilitas statim vulnus valeo sponte verumtamen placeat. Voveo expedita veritas corona. Conspergo defetiscor natus conatus voluptatum. Vesco cuius cohibeo utor. Ait templum amaritudo. Viduo credo ea recusandae conatus validus vesica blandior degenero deprimo. Harum appositus conculco error. Terga demum tener tabernus sapiente auditor. Vomito caelestis talio tubineus patior. Aperio non consequuntur stella. Cupressus utrimque peccatus. Pecto vergo aufero maxime valeo. Animus unde pecto aer acidus aequus officiis carbo deduco. Deludo careo ratione. Valde summisse antiquus terminatio cognomen nulla. Vesco verbera claudeo tergum testimonium ascisco vir vix adstringo.

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