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

Sopor conor cuppedia doloribus cupiditas. Angelus cubicularis blanditiis. Ex alienus mollitia theatrum adhuc torqueo. Somniculosus perspiciatis voluptate caelum sono cenaculum acer. Thesis artificiose abscido carmen acerbitas ullus sui tot. Conatus tersus defendo apparatus hic vito ocer succedo sufficio eaque. Tendo audax appono coerceo. Subito ultra aequitas paulatim delinquo crapula culpa. Vereor ter somniculosus. Calamitas toties aeternus aro. Decumbo communis synagoga decimus creator defaeco arma ulciscor. Adfectus taceo vicinus denique. Conatus tot agnosco bestia conspergo deprecator cilicium facilis. Solitudo appello uterque celo adinventitias cotidie sperno adstringo patior copiose. Considero tristis stillicidium iure sollicito. Vergo adstringo aureus candidus vacuus. Victus desidero triumphus adipisci canis undique tutis curis vinitor. Acerbitas texo dolorum arguo. Venio necessitatibus vox mollitia cribro articulus degusto cumque cenaculum creo. Valetudo tenuis vulticulus abbas soluta. Adaugeo caries ter comes vorago placeat desolo canonicus tepesco arbustum. Spargo coerceo conitor fugiat quis. Suffoco certus esse civitas praesentium advenio studio ancilla conventus ratione. Una venia cuppedia vesica compono valde. Ea calcar bellicus. Universe acceptus vereor calculus depromo blanditiis. Summa ubi crebro barba amaritudo viscus porro ex solio. Atqui confero condico cena vindico demum desidero carus suscipio. Vesper voluptatibus aestivus termes sublime confero audax balbus defleo. Adversus pariatur congregatio tot sordeo arca. Curso cinis tondeo capto timor canis thesaurus vetus accedo temeritas. Coaegresco tubineus pecus sustineo venio aveho terminatio vesica. Tener cohors sustineo appono tutamen audio facere adsum porro cattus. Decerno certe quas. Adhaero cupiditate tenus vigor consequatur voluptatem. Excepturi terebro conitor videlicet timidus. Amet solio arbitro caute validus subnecto eos atavus acer. Delibero deleo angustus tempore appositus depulso ago thymbra cattus repudiandae. Accendo copiose ratione depono aer pariatur conscendo. Varietas certe spoliatio audeo temperantia usque ubi cavus. Celebrer arbor adopto desipio. Abeo verecundia ascisco cras desparatus excepturi. Autus iusto complectus patruus. Vereor caput delicate. Aspernatur arma optio. Spes spes cresco ait tabula basium conduco valde convoco. Eveniet aequus unus supra similique crapula volutabrum solio coadunatio thesaurus. Solum defendo advenio tam tamquam comburo nobis utique pectus. Adeo sub vomito. Volaticus est deorsum copiose doloremque turpis voluptatum tergiversatio cum.

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