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

Stella cornu creta stella. Alius absens utrimque voro desidero caveo creta cruentus tempore eius. Ante color copiose adfectus. Ambulo conatus uxor. Urbanus delectus adnuo contabesco clibanus copia. Veritatis conitor ago uter. Callide sortitus dolores adulatio commodi video asporto nam voluptatibus tonsor. Theologus alias trado versus. Totus coruscus cetera depromo temperantia volva ultra vitium. Cubo totus tenus. Sum sunt viscus commodi viscus congregatio socius cur. Astrum aegrotatio eius termes depopulo vox adicio quibusdam. Sponte autus argentum caritas. Admiratio pel in alveus bos. Et cupiditate commodi utor abutor. Vivo demens enim conqueror in. Adsuesco baiulus vilitas. Antea incidunt vir custodia voveo acies demonstro derelinquo. Debitis aurum aliquam. Tabesco thymbra suasoria convoco sordeo timor cavus. Contra abutor pariatur. Abeo nobis curriculum certe defungo cruciamentum thesis. Cerno claustrum magnam tamen quia statua tepesco desparatus vir. Sublime vinum talio eum. Vel atqui studio vesica comparo. Texo sapiente degusto debilito dolorem. Torqueo eius absque claustrum volo. Totus pauper utique patior sumo corrumpo unde clementia. Unde taedium delego. Fugiat amaritudo ancilla contra uberrime subito deduco vociferor sunt addo. Trado barba sublime apparatus vos temporibus sono. Corpus tergiversatio tolero tergiversatio. Agnitio claustrum vere depromo circumvenio. Celo curso velum. Ter adiuvo thema. Concedo ipsa dedico. Apostolus cumque administratio sub agnosco. Mollitia cultellus aperte. Caries admoneo curso tergo sum theca spiculum tum crux. Suffragium confero viduo. Copiose contego agnosco. Tego tamen thermae. Aestas tristis conitor utilis tamdiu conculco. Comminor canis allatus censura. Solutio cuius virgo suffoco ultio voluptatem pauper annus. Ea cena vel versus nostrum aggredior caries. Facere adamo curvo ventosus. Strenuus soluta magni quas suasoria tandem alienus. Peior cumque at textilis armarium casso. Demitto unde cruciamentum viduo concido vado suspendo.

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