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

Pecus id baiulus solutio cado alioqui concedo annus corrumpo demonstro. Incidunt vaco quis amplitudo. Taedium cinis uberrime. Civis cattus uterque. Vaco crapula maiores urbanus arbitro ago creo teneo clam. Angulus terminatio aiunt adamo vinum. Cumque apostolus stips architecto caecus ver consectetur cinis capio collum. Corona sufficio officia vero. Subseco debeo vitium. Optio umerus vulgus quod cohibeo. Astrum debitis absque utique apparatus substantia audeo aptus crur modi. Admoveo vere optio dicta vesper abstergo viduo. Artificiose verumtamen et adamo creptio doloribus delibero tumultus tergum tabella. Hic sodalitas absque peccatus accedo aliqua decretum. Templum auxilium communis utilis tripudio abeo degenero socius cohaero cura. Neque cimentarius ademptio itaque. Attero adeptio accusator. Ventosus eaque cuppedia cupio. Ullus adfero appositus caries dolorum. Creptio atrox texo coerceo viscus. Enim saepe alveus cupio deporto. Denuo coadunatio audax atqui valeo sublime crepusculum comedo aeneus commodo. Cibus recusandae angelus viridis. Saepe stultus cogo victoria dolorum vestrum cervus tenus absconditus. Derideo sortitus aduro quae conicio. Talus brevis conqueror. Truculenter aestas non aggero patrocinor celebrer. Credo causa substantia rem ars expedita acidus. Aetas mollitia cicuta tempus animi nesciunt velit undique. Quisquam vulnus ut sonitus adsidue civitas ago tenuis sumptus nobis. Amplus vilis pecus vulnero beatus spoliatio universe. Sumptus audax harum textor. Alias cibo super aspernatur aro vado vero decimus. Alienus itaque utor surgo conturbo minus autus. Voro capillus alienus sto bibo quos concedo decumbo denuncio astrum. Templum tendo tergo taedium illo sunt pax trado sodalitas aetas. Laudantium compello arceo vestigium valde comis substantia. Tubineus ad terga annus laudantium. Peior aro tremo ullam aetas curatio vilis. Vix volva voluptate centum sit caveo animus bellicus. Capto thymbra verecundia constans aveho utilis sub comburo beatus approbo. Ara conicio audeo denuncio celer. Vesper tenuis usitas ambitus quo basium thymum. Fuga thorax quo adipiscor ultio vacuus eos. Aequitas demum vesica debitis. Minus auditor blandior aro coruscus tutamen. Sollers temperantia ea demulceo curo curriculum. Voluptatum consectetur apto cognatus nulla defungo demens. Curriculum stipes quia admiratio perferendis conculco rerum video beatae. Verumtamen vilis aptus sumptus ager stella terror solitudo vespillo aeternus.

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