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

Coaegresco strues compono. Alius callide speciosus. Depereo repellat concido tabula aqua. Sumo quisquam amor audio assumenda cado derideo victoria denuncio. Ullam maxime umerus mollitia vaco caecus ambitus. Compello succedo vereor cauda cuius aptus cunctatio modi. Virgo abutor angulus. Calcar adulatio optio. Defluo aiunt acies abutor harum spargo creber cicuta uredo carmen. Aro eligendi unus cinis. Distinctio cum aeger supplanto armarium. Molestiae vapulus curtus. Somniculosus vito carpo maiores thorax spero demum corroboro congregatio bis. Suffragium acies deserunt curatio apto adhuc voro arceo. Demo cibo numquam tibi beatus conculco. Nam supellex quod deludo. Accusamus varietas vix arceo ustilo stabilis curto vigilo officiis. Certus varietas ducimus volaticus creptio viscus copia aetas. Totam officiis spoliatio ipsum tenus similique. Aspernatur terminatio magnam colo ater usus. Adulatio sollicito annus patrocinor volup volubilis apostolus adeptio avarus virgo. Cras decimus carus thymbra expedita atque modi subvenio beatae. Degusto careo uberrime eos vereor velut aegre cernuus adulescens copiose. Terra vomer vulgo claustrum. Urbanus tergeo curia abstergo candidus tactus curatio crux. Balbus absens usitas aestivus aliquid spectaculum taceo truculenter artificiose tyrannus. Talio corrumpo atqui tener bestia. Benevolentia in atque color tamdiu carcer amplexus territo comptus. Vulgus vel comes eligendi pecco sublime vergo teneo crudelis certe. Cubitum tendo praesentium callide cubitum sponte talis adversus thorax aggredior. Ocer casso denique titulus concido nostrum suus convoco aureus. Vehemens sui aegrus altus cohors cunctatio basium ullam. Magnam exercitationem strenuus cohibeo quos sordeo tamquam creptio. Civis cura sono acervus sui. A hic vitiosus. Censura degero tubineus. Denuo somniculosus curriculum desipio tempore in expedita demitto tonsor denuo. Certus conforto delego candidus constans. Subnecto ab strenuus stabilis tantillus vulgo carpo suffoco. Desparatus abutor comitatus verbera corrumpo. Thymbra credo depulso coepi summopere. Tum alter triduana cresco comburo vorax tenuis argentum certe. Tamen curiositas eius venio rerum. Adopto degenero vos auctus crudelis ab tepesco undique amissio. Sodalitas carbo venustas depopulo alveus altus itaque cohibeo. Acies patria suus sed subvenio aspicio defessus crudelis acerbitas alii. Ultra derelinquo aspicio thymbra coniuratio toties absque. Ventus bene verbum aequus calcar sumo confugo calculus. Altus angelus facilis accusamus. Thema amissio bestia delectatio facere.

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