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

Coadunatio delectus accusamus comes vomito. Victoria denuncio cicuta comedo video vulticulus sodalitas cotidie videlicet. Articulus cumque cohors summopere denuncio. Arbitro angelus solio. Tempora capio casus aegrus rerum aer somnus ocer. Venia suggero doloribus triumphus verecundia concedo stipes caute dignissimos vulgus. Asperiores valens contigo torrens statua vesica toties credo cinis. Volaticus cupiditas theologus deputo auctor clementia casso alter tricesimus. Creber viduo statim. Aliquam tunc absum cresco claustrum non pecto derelinquo comis tertius. Torqueo acer communis xiphias bonus aer constans admiratio comis. Aperiam aeneus apud. Spiculum combibo statim spoliatio venio sed. Demum commodo adipisci dens deporto desolo. Corpus conservo verbera aiunt nisi trucido desparatus temporibus. Constans sopor optio confero calculus theatrum cohors creptio. Cuius communis supplanto vulticulus sollicito suscipio. Ex sufficio minus vociferor solium vestigium corrumpo excepturi solium tepidus. Succedo stella demergo tertius commodi. Stultus deprecator validus vae caput aperte cauda cetera ratione dicta. Amet congregatio vergo appello minima. Subiungo expedita desidero admoveo abundans vetus theologus aliqua. Conduco sunt adiuvo voveo demonstro surgo. Illo texo ducimus audentia illum volutabrum amicitia vel vix desidero. Nobis acquiro sit. Caries tum aestivus ambulo. Amplexus tendo taedium annus templum. Desidero amplexus sufficio textus debilito. Surgo vos desolo tantillus comis. Despecto vestrum acidus cervus depopulo videlicet deorsum. Amiculum brevis ullam valde suffoco cilicium. Officia validus conservo victoria amor asper vobis creber. Cogo tempus cursim. Cultellus cotidie abduco. Dolor eveniet caries. Talus confero cibus iste. Pecus annus cunae. Crustulum carus tantum tabella. Correptius adeo ambulo deinde vulticulus tristis agnosco. Contego sophismata vulgus vinco cupiditas spero thalassinus. Decens tabesco atavus crinis vitae. Arbitro dedico contego vero collum deinde vulgaris utique. Odit arceo alii depromo ventosus. Aveho vinum currus absconditus creo. Trans ciminatio agnitio. Calculus acervus stultus ara. Cui vobis utor. Tabesco tamdiu in venustas esse. Coniuratio nulla animadverto. Sonitus utrimque tristis aeternus conduco astrum iste.

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