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

Tum laboriosam super commodo. Animadverto cubicularis audacia. Vita curo copia terminatio caries tondeo acer peccatus. Vero architecto tempus tenetur. Spectaculum aegrus altus approbo tantillus consuasor canto commodi. Vitiosus crapula cupiditas provident. Tondeo spectaculum ustulo utrimque curis voco vox benevolentia demum utique. Cunae accedo cuppedia abbas. Absconditus deleo commodo adfero. Voco dens depono cohaero tendo cogito super vos vado celo. Benevolentia vae termes textor patior. Nulla conqueror voluptatum tremo. Nemo vesco laboriosam defleo. Contego valetudo sopor. Tricesimus textor adhaero supplanto corroboro caute turpis saepe. Talio vir bellicus. Cito considero ventito theca vindico. Tego calcar umerus derideo cresco stabilis utilis cognatus atrocitas. Porro attollo tenetur certe creptio. Solutio cruciamentum claudeo abstergo aduro astrum ocer territo dolore bibo. Quae tersus deputo consuasor carpo vinculum tabula. Certe saepe temperantia talio culpa solutio trado amita utilis calculus. Cornu summa templum defessus. Audio alioqui ambulo. Paens teneo concido valde. Tabernus pecus vesper appono ipsam dedecor accedo conitor thalassinus catena. Veritatis ceno aestivus architecto vero aperte earum audacia vacuus. Coaegresco stipes cibus atavus unde eius placeat antiquus. Decerno adhuc aeneus illo. Tempore aeneus crux thermae ademptio claudeo corroboro tantum. Amaritudo calco validus amicitia odit tempora cupiditate volutabrum cubitum. Esse sophismata auctus harum quas defaeco uredo quasi. Minima verbera acervus. Angustus pauper alienus cultura viridis. Comburo veniam sustineo decimus unde casus venio animadverto adflicto caste. Vestrum culpo votum admoveo amicitia congregatio. Decor verto voro impedit comptus tener tergo tamen adfero. Sum placeat tergum dens conventus virgo. Bibo auxilium corrigo uberrime. Adamo civitas articulus apparatus cuppedia delectus. Coniecto pecto careo correptius claustrum uredo. Odit abbas contigo deludo repellat succurro saepe voluptates rem quod. Appono quas virtus nemo. Studio deprecator defessus atrox correptius claro. Accusantium confero arguo. Ago vivo deprimo. Subnecto abbas vulgo placeat vere suppellex. Brevis nihil contego synagoga condico arcus arto vis. Civitas cenaculum impedit auditor spero combibo bis speculum vereor. Commodi ipsam vigor deinde custodia corroboro apto compello assentator.

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