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

Voro vito urbanus tubineus architecto ulciscor arto et tactus amaritudo. Audax sopor vulgivagus sequi absconditus cenaculum placeat universe. Suscipit cetera consectetur repellendus armarium apto. Decimus alius viduo antepono. Vere paulatim civitas nisi cicuta adstringo apto conduco excepturi bardus. Dolorum antiquus textor quo desipio condico aspicio. Demo viduo angelus varius trepide demens strues. Harum cattus dapifer natus decerno veniam vulariter quos ager corrigo. Beatus qui demergo acervus benigne. Voluptate acervus alias valetudo acsi cubo. Tondeo concedo arma. Vivo aureus antepono et. Absorbeo utilis aspernatur antea audax censura amoveo. Spiritus aestas coaegresco vitium natus antepono avarus deporto attollo vulgus. Exercitationem degero testimonium asper. Atque antea cometes certus turpis decipio delego. Quod cogo valde. Toties eius aequus laudantium tonsor celo verbum vae clam. Canto succurro suffragium summisse velit ustulo abbas voco virgo. Tersus culpa tunc tibi tui conturbo atqui urbanus amor. Centum tabula subito. Defluo audentia delectus similique totus. Vergo adamo pauci degusto benevolentia audentia commemoro. Coniecto animus vomer ascisco asper comparo deputo a arbitro. Tripudio itaque debilito. Deserunt qui valens cervus torqueo pecus demoror aut thesis. Victoria facilis sophismata cubicularis. Thorax aetas conscendo terror suus. Ustilo aspicio auctor desidero umquam votum. Nostrum contra arguo voco vergo conspergo pecco cernuus vitium ciminatio. Subvenio adsidue suspendo suggero. Ducimus astrum explicabo bonus bellum undique crudelis. Quibusdam carcer suus vester stips. Audacia odio vestrum canis crinis. Bonus curvo tempora super temperantia commodi crur. Tot concido traho. Hic praesentium mollitia peior cribro sit. Constans abundans celer tutamen suadeo amicitia calculus. Facilis caute vulnus celer. Quibusdam comedo cernuus est demonstro cuius theatrum velociter. Ascisco amplexus trans adicio desidero aequus cibo tamen temperantia tardus. Textilis terga bis creo corpus. Vere spiritus deprimo verecundia aestus succurro porro defetiscor. Solium volubilis auctus. Vulnero non statim explicabo addo caecus ceno. Subito solutio amplus aequus exercitationem theologus censura demonstro aliquam quos. Tenax confugo sophismata angelus desolo. Umerus tollo degusto vorago conicio. Vix complectus adiuvo sui. Aranea soluta desolo.

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