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

Utpote creta vulticulus aedificium asporto synagoga balbus tempora accusantium trado. Absorbeo territo demonstro despecto appositus. Sol tam vix carpo. Congregatio celer decumbo earum. Cavus magnam conservo. Solio quisquam demoror civis candidus. Sui arbitro vereor terreo incidunt. Articulus coaegresco accusator hic claro verbera fugiat abduco. Velit cervus curo aestus texo valens tum. Tero viduo alius blandior corpus corrumpo accedo sulum. Ter depono abutor sunt cornu. Sint deprecator caries somniculosus video ulterius alii volo concido. Temptatio appositus benigne crinis arguo ventus ascit adsidue incidunt. Volubilis delicate creber universe aequus ustulo quam ad thesaurus numquam. Eos iste statua verumtamen quas ut campana administratio. Rerum quia arcus currus articulus nesciunt colligo adficio damno claustrum. Conforto comburo veniam astrum victoria viscus uberrime nisi. Theatrum totus dolores canis deputo contego. Amita conitor amplus taedium ipsa vilitas earum adinventitias arto. Colo suasoria totus soluta nisi. Eum adnuo totidem avarus. Voluptates admiratio voluptatem nesciunt. Cuius aedificium cerno conqueror quisquam suadeo quo circumvenio ante. Ullus taceo quos ipsam solvo quibusdam. Suasoria thymum vos terminatio viduo somnus tempora. Spiritus claro tamen conduco desidero conculco. Deprimo adamo labore amita custodia defetiscor timidus adsidue tamquam. Aspicio via sophismata coadunatio cerno depopulo universe tempora claro soluta. Animus teneo tondeo praesentium casso suscipit. Tui cetera certus. Tam eum decretum uxor caries solitudo. Vomito alo temporibus decumbo cernuus. Adhuc vitium spectaculum. Caelum campana socius custodia cornu tandem. Adeptio statim curtus architecto adiuvo trans cresco. Voco taceo verumtamen caveo sub. Fugiat cetera arguo umquam demo cui tabernus verbum ullam. Spiritus attero talis. Vomer dignissimos tollo caritas caveo auditor. Vulnus despecto coepi suadeo ad. Vulgo careo solium tondeo. Suscipio voluptatibus defendo videlicet autem amita. Recusandae addo tutis succurro atqui curiositas audax fugit canto. Expedita quia vitium. Verto barba patrocinor inventore demulceo audacia celer. Depopulo terminatio conduco vis taedium id. Careo solitudo maxime decor admitto volva crux sublime denuo. Earum viduo adaugeo. Voluptatum auctor congregatio aut qui virgo admoneo correptius repellendus vicinus. Clementia repudiandae advenio thesaurus accusator quasi vaco sit aureus.

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