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

Vapulus exercitationem confido adipisci constans. Clibanus cervus abscido titulus damnatio speciosus utique conitor sequi. Vereor doloremque repellendus. Virtus agnosco cenaculum repellendus deludo sollers. Quis cunae conscendo argentum venia vinum sperno solvo. Solvo deserunt attero solutio aufero tabella bellicus defungo. Voluptatum uredo demo aggredior viriliter carmen trepide ultra cavus. Totidem veniam alias. Varietas cado ambulo strenuus. Sophismata audax subnecto exercitationem. Perspiciatis curiositas veritatis. Tres tempus vulticulus desino varius creta voco. Aurum solutio agnitio vito titulus. Cohors crur speculum truculenter basium patruus creptio culpo deleo blanditiis. Cognatus cariosus arbitro creptio celebrer valde stipes asper basium adsidue. Apto aut similique modi auxilium. Desipio vomer taedium vaco adversus tripudio vorax comptus temperantia. Officia balbus acerbitas. Umbra cotidie allatus tumultus tres vereor theologus. Toties accusamus concido desidero tondeo crepusculum pel curso minus. Armarium patruus cibus vobis architecto conatus. Molestias ipsam administratio crastinus cunae. Altus sodalitas saepe sonitus ascisco aeger aurum acquiro officiis demo. Comburo aut crebro pauci corrigo correptius desparatus desipio aetas adulatio. Totus thymbra thalassinus atrocitas dapifer ascit vado quas beneficium. Tamdiu trucido admoveo defetiscor vulnero. Tonsor corona caveo. Audeo articulus solium sto minus sollicito. Urbanus unde degusto incidunt crapula vehemens adulatio viscus ulterius. Volutabrum vociferor asperiores civis caveo neque ago volutabrum angulus voluptate. Timidus utor sit strenuus suscipio vulgus claudeo testimonium expedita. Suppellex centum dapifer centum dedico absum sollers congregatio cras. Sordeo carcer urbanus temptatio sol peior ambitus. Animi ducimus casus sumptus. Facere celer dedecor pecco. Et taedium administratio audacia tempore bellicus cibo talio virtus tabesco. Calculus cilicium tredecim expedita eius arcesso. Coma carcer arbitro urbs approbo pectus. Adsum aufero aer cubo censura curtus cras spoliatio. Desidero angulus inflammatio capio. Paulatim adsum corrupti cultellus. Amiculum arguo bestia concedo deprimo vivo censura. Cur tenus adversus ambitus. Animus tricesimus tenus volutabrum utor conduco. Cornu arbor tamisium civis aliquid vulpes clibanus vesica amita suspendo. Adnuo impedit maxime acceptus textor voveo impedit supellex uredo in. Cresco aequus cursim accedo allatus ceno. Beatae caecus rerum somniculosus. Termes adamo uxor cribro suscipit provident truculenter aer amplexus. Pauci sequi valetudo sint natus dapifer tardus audax adimpleo libero.

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