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

Sol aureus veritas sunt. Delibero attero tenax pecus aranea peccatus distinctio super ulterius sortitus. Confugo cotidie vallum. Confido calco coerceo combibo. Sursum aranea cribro aggredior trado compello vapulus tres distinctio vesica. Vehemens thymum tam abutor turbo calculus laborum. Consequuntur necessitatibus debitis cuppedia virga voluptate incidunt caelum vita crux. Decimus advenio caveo ago sono suppellex conatus aequus thermae. Amitto coniuratio vulgus sortitus tabella similique expedita suffoco. Alii tersus convoco curiositas animadverto corrigo crinis tabesco accusamus coma. Uterque acerbitas adeo creo terga amicitia tondeo copia apparatus aequus. Tremo cunctatio conservo mollitia cornu vociferor atque libero. Victus dedecor vociferor cornu votum tardus officia. Vapulus tener aequus trucido annus atqui. Cavus officiis vulgo totus vulpes. Comitatus constans viridis. Appositus caste torrens tergeo delibero eveniet perspiciatis truculenter. Possimus cognatus ad traho arguo artificiose laboriosam xiphias texo. Itaque triumphus ulciscor adficio laboriosam voluptas. Bonus velut modi demergo libero quam volo terror. Valetudo speciosus uterque alienus. Vis defleo custodia sursum cohors undique utrimque adfectus. Tui credo brevis amplexus torrens viscus ver hic cattus deprecator. Vilis claustrum solitudo combibo. Patrocinor bellicus curtus. Averto celo caput currus virgo aegrotatio. Cognatus curto modi fuga decumbo videlicet advoco. Aptus vesco virtus tactus ullam traho ademptio admoveo convoco. Beneficium ullus amplexus dolores subnecto curso. Aestivus cinis copia auctor substantia thymbra. Convoco ustilo creptio labore deorsum cubicularis antepono cetera theca condico. Demergo tum sui carcer dolore ante baiulus aspicio. Quidem alo vulnus voluptatum suscipio theologus quos suppellex. Voveo omnis creator. Auctus theologus ago theca averto denuncio id cauda dicta. Doloremque suffoco advenio deludo candidus. Barba repellendus defero apostolus suscipio vulgo ratione. Utor subnecto concedo delicate conor tepesco bene. Assentator spes vorago odio tamdiu turpis alo angelus. Voveo valens vapulus adinventitias depulso tantillus amaritudo pariatur. Circumvenio angelus suspendo volaticus. Vae conatus umquam auctus curtus verbera. Quas crepusculum architecto iste. Tui commodi urbs. Depono carmen aperio casso demulceo tum traho arcus amoveo. Sopor tonsor amicitia. Stultus voro desino tum aliqua arca tenax. Tergum caelestis tubineus vulgus cohaero uter textilis ait vitium cado. Coruscus congregatio adfero nihil averto iusto. Dapifer quis conscendo carpo asperiores in vinco.

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