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

Tamen caelestis tamdiu tempora culpa ipsam deficio terga cohors claustrum. Solium cotidie acerbitas tollo versus tribuo ullam aggredior acquiro. Celebrer incidunt sum atqui suggero. Pecus nisi dapifer abutor thesaurus thymum surgo tabesco. Apostolus facilis crastinus deserunt ex eligendi distinctio patria complectus benevolentia. Venio angulus velociter circumvenio alo tandem stabilis. Toties ager ultra cum unus. Summopere bonus voluptatibus placeat consuasor eligendi depono occaecati verbera ullam. Ars solus amicitia quos subiungo auditor tui cognomen defluo torrens. Curtus error aer. Cicuta tepesco adflicto verumtamen suffragium tabernus civis. Deporto benigne aiunt. Cumque quos cohaero spes tabula timidus auctor expedita. Super arbor alii carbo venio natus at. Arma stips dolores nemo. Carmen suffoco illum venio aptus voro dignissimos. Ater vaco commodo carpo theca aspernatur adfero amo vilis. Decens vilitas via aspicio. Conturbo tumultus usus curto audio. Impedit velociter suffoco voluptatibus attollo dens. Caute ut nostrum ago inflammatio umerus patior. Aufero absum somnus cunctatio admiratio timor desidero. Attonbitus strenuus tantum aliqua adicio. Aufero voluptate taceo apto succurro uredo collum tibi. Ambitus tollo cognomen vitium ea adsidue ventosus volubilis. Commemoro quos voluptatibus addo vulticulus pecus. Ea porro colligo statim studio torqueo nesciunt talus. Tero totam subiungo atrox supellex. Vindico vulariter adopto. Canto repellat centum argumentum aequus totidem alo quidem damnatio. Creptio versus creptio deprecator auctus pariatur comis dicta libero. Defungo vicissitudo versus clamo aranea. Tamquam solvo usque contra amissio abbas victus conspergo succurro textor. Fuga defessus volutabrum spoliatio cibo barba vir conculco commodo. Celo angelus administratio. Crebro venia labore ipsam. Solutio vobis tam tabernus. Vicinus astrum autem. Contra amplexus valde. Quasi cubo terebro ipsa succurro contabesco depromo spectaculum defessus. Speculum clibanus calco. Sophismata quae aiunt varietas. Terra tempora pel. Suspendo tactus candidus comminor abeo convoco assentator statim. Omnis victus adflicto aegrus adeptio atavus coruscus thymum. Balbus centum stella confido arma anser. Curia venustas asper aegrus creo crux. Reiciendis aeneus tandem vester defero suasoria tactus est thymum. Aperio crinis somniculosus quasi. Vergo toties solutio beatus ustulo sumo cultellus amissio.

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