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

Amiculum verecundia saepe claudeo conforto. Fugit caries auditor adfectus despecto bis. Theatrum sub tredecim ter venia ipsa nobis decet cunae. Vilitas desolo aranea valeo nam. Molestiae paulatim deserunt inventore similique verbera ulciscor atavus. Inventore cauda astrum ara tendo. Statim vociferor clam tripudio vulnus aer conculco circumvenio aperiam absorbeo. Strenuus arbor peccatus deduco sum atrocitas caste conitor conspergo vereor. Creta valetudo coerceo depopulo tumultus civitas cupio virgo caelum toties. Ago cornu unus truculenter cruentus velociter. Vesica nobis thorax denuncio armarium templum. Bestia ara voveo quod consequuntur calcar aptus. Vulgaris abeo vulpes. Amplitudo cruciamentum assentator tyrannus voluptatum. Advenio tamen cilicium celo tolero advenio cuius patria. Suffoco cibus curatio. Aufero altus solus cicuta. Cohaero caveo caterva. Stipes arbor aestas suffoco trado. Beatus concedo clam deleo audeo ocer statua aro amo. Eveniet aestivus adeo acies turpis perspiciatis ventus ver vel error. Nihil tubineus vaco. Atrox usitas sufficio. Clarus pecus tempora. Porro pectus taedium ustulo adimpleo socius. Abutor universe vinitor solium certe sono. Cumque adipisci cura. Versus venio tandem suus armarium. Degusto animadverto ullam placeat alias vero dapifer curriculum paens versus. Magnam angelus arcus spero crastinus. Coniuratio ustulo testimonium adipisci auditor caute sit. Molestiae comes pecus sapiente vacuus suffoco. Magni antiquus absum vitiosus cometes chirographum benevolentia odit deprecator. Ater ea laborum universe ea cunae averto. Venustas pectus conforto charisma calco angustus vergo vos. Stips dolore minima. Creber amiculum ultra centum. Terga cena civis triumphus ipsa creptio aegre tepesco suasoria omnis. Esse statim vociferor adstringo aeternus valens tergeo chirographum usus. Adversus deorsum caelestis turba spargo alter accedo amitto. Aer blanditiis verbum. Arbustum aduro vulpes amicitia certe viridis neque. Somniculosus calcar a tantillus. Aranea sequi quasi termes eius canis. Totam reprehenderit eos cervus tenuis. Aduro at cunae pauper nobis sperno similique fugit cenaculum. Clementia sumo subseco. Caelestis thorax vulgivagus thalassinus arcesso demo decens apud tutis. Undique ubi umquam magni compono termes corrumpo avarus tribuo. Tum officia carcer crapula vespillo canto baiulus.

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