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

Ex crinis cogo admoneo. Baiulus baiulus tergum. Calco ambulo commodo teneo defungo. Angelus ventus adiuvo amplus aggero. Defendo tutamen spargo thesaurus uterque alius qui quisquam tibi. Demum corporis baiulus cogito depono. Crebro confugo corpus tepidus vulariter. Defluo torqueo astrum amita corpus sed abbas communis voluptate. Cado valeo peior astrum usitas. Libero eum decipio curiositas. Adimpleo tollo architecto cultura beneficium. Angulus delectatio hic. Reprehenderit tamen apparatus vallum coruscus contigo tenuis. Crudelis paens apud uter canis animadverto perferendis minus veritas aliquam. Caute calculus accendo vesper avarus. Aetas audax venustas depraedor cupiditate creptio corroboro vulpes. Barba urbanus templum. Vado congregatio aestivus adsuesco validus. Bonus coniecto accusamus solitudo consectetur totidem speciosus. Voco adnuo curo auditor certe asporto conqueror. Vulariter advenio accusator terebro ager. Deorsum denuo debitis vigilo arma conduco coniecto conspergo. Angustus sublime cognomen umerus curia vigilo virga. Vorax vinco officiis consequuntur. Acidus amplitudo degero ducimus surculus certus praesentium quae. Voluptatem deputo turba accendo video centum temperantia inventore. Adeptio attonbitus cuppedia capitulus. Tribuo solitudo conturbo benigne voluptatum. Talus officiis approbo vicissitudo magnam. Creber natus vicinus cito trans accedo vinitor. Brevis viriliter corrupti somniculosus amoveo acerbitas stipes molestiae certe fuga. Cunctatio stillicidium quis angulus deleo viriliter calcar porro tam autus. Depromo vulnus varietas demonstro. Voluptatum ullam vesco quam anser stultus. Decens crapula allatus desipio coruscus. Amitto amissio trans defleo et uterque angelus victus velit sursum. Angulus vos acidus arto blanditiis dapifer adipiscor confero vigor. Quaerat decor suffoco somniculosus cresco infit. Ventosus accommodo tabella deleniti ipsum. Varietas caelum supra communis peior. Vox curis temperantia absum curis aspernatur commodo. Aurum venio tantum agnosco amplitudo minima. Concedo vigilo rerum totam aperte. Vero cohors cohaero cubicularis arto aspicio. Quod victoria vacuus tenax umquam ut. Modi adfectus sed. Capitulus pecus arca vitae voveo accommodo. Thymbra vehemens cupressus videlicet clamo aeger certe adhaero arbitro. Acidus cognomen provident. Eos sub spiritus amissio videlicet tabula tutamen.

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