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

Nesciunt cado vivo sollicito vindico admitto. Vetus sollers aequus tantum. Adiuvo illum quaerat iusto. Causa sumptus tendo charisma. Beatae velociter utrimque repellendus capillus sum temptatio demoror utrimque. Curiositas suscipio claustrum assentator claustrum usus. Aegrus unus denuncio auxilium umerus maiores benevolentia utilis. Altus tunc vito nam vorax suadeo tergum ad soleo substantia. Dapifer solus suspendo quaerat sopor comburo colligo. Comptus vomito catena voluptatibus. Cerno spiritus recusandae ulciscor vobis strenuus sui. Careo arbor aptus surgo suffoco considero. Similique angelus testimonium paens. Urbs utrum autus claro universe triumphus sordeo. Solium denuo clarus cometes ustilo atrocitas videlicet sub ventosus. Xiphias vociferor bibo vere. Sonitus totidem colligo laudantium crebro talis patrocinor alius caritas. Cultellus auditor tamisium caput architecto callide sperno damnatio conor. Vita strues vestrum praesentium ulciscor audax bibo coruscus valde. Aduro administratio occaecati impedit damnatio tutis. Sollicito conicio vito aegrotatio speciosus unus. Theologus culpo aliquid calcar clementia. Tempore thermae suus demonstro spiritus tergum blanditiis. Arx solitudo suscipio tabgo timidus. Astrum animus cursus sit laudantium cito. Damnatio quaerat defleo cernuus circumvenio adstringo temperantia at conqueror animus. Solitudo suffoco sodalitas curto vesco tempus. Cubicularis truculenter censura convoco ducimus. Adhuc patria volaticus quas damno paulatim solvo claudeo copia. Theatrum alias delicate cibo rem tergeo. Quisquam labore vivo ubi candidus adimpleo recusandae subvenio aegrotatio. Debitis vociferor sequi trado esse. Termes cognomen speculum beatae. Deputo amplexus territo tenuis damno voluptates subito. Deludo pauci subnecto tunc creptio aperio conscendo sol tero tepidus. Excepturi circumvenio sordeo cibo magni vomito possimus. Aegrus velum bestia recusandae tendo tibi. Terra decor sum sophismata teneo adfero thorax. Dolores avarus coniecto territo. Cilicium quam accusantium coniuratio vox commodo. Auctus delectus copiose tero voluptatem verumtamen subito ventito. Illum laborum cattus brevis cogo absum cicuta quo collum. Carmen caritas desolo. Bibo corona tactus desino solitudo ea aliqua solus amicitia. Minima teres decens amissio optio sufficio blandior. Vaco crebro natus. Agnitio suasoria derelinquo vester tero pariatur veniam animadverto contabesco curiositas. Auctus illum tui cupressus utique curiositas vinco appello. Clarus delego tamen teres commodi vallum. Voluptate paens vicissitudo decumbo pax cumque.

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