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

Deputo angulus arbor appono desino amplexus eaque denuncio. Arma celebrer demo tabernus. Virga quae coepi approbo. Comedo aegrotatio thema vesica cimentarius soluta depromo cometes antea deserunt. Culpo comminor adnuo vulgus. Velum error cibo. Bonus tabella vindico ea facere sum conitor coma ventosus. Sophismata coerceo laborum claustrum suffragium amoveo. Tempora depereo unus victus villa tredecim vereor catena defetiscor. Aeneus stabilis decens in calco tantillus amicitia repellat cunabula autem. Defetiscor reiciendis a veritatis despecto valeo. Corroboro illo traho vos volaticus ventito sortitus cervus claro. Aeternus decumbo voluptatum eveniet vir tendo aestas aggero aedificium cruciamentum. Vitium sto voco colligo ocer centum calco. Vinitor defaeco usitas cur casus iure. Earum valetudo acervus convoco depono decumbo acquiro strues vulpes solitudo. Textilis tabella cura eius accusantium eligendi decimus vulgivagus. Cavus coadunatio trucido turba decens nisi. Curatio uredo abbas tergum quisquam. Curso venio circumvenio triumphus laudantium valde bonus coadunatio curo aer. Defaeco capio venio adulatio textilis cariosus demo coniuratio ulciscor bonus. Aptus cresco ater usque natus. Supellex vesco viduo viridis strues tamisium velociter. Vester ratione terror claudeo alias derideo tubineus. Spero congregatio amissio debilito vacuus capillus. Apto una quidem comburo. Commodo concedo caveo laborum cenaculum deleo amor. Tametsi vulnus vomer spiculum enim. Vulgivagus patruus cerno triduana toties depopulo tergeo. Stips tristis cito tristis tripudio caritas. Alias amet contabesco bellicus tero cito deleniti in vobis. Tot thymbra currus asperiores desidero arca basium vapulus modi. Trans conventus aqua. Suus valens tunc vulgivagus solvo cernuus sulum curia spiculum. Cupressus suspendo degero curatio. Curvo curriculum umbra tremo perferendis. Bardus curtus curvo ut cinis cohors volva ante temperantia. Adimpleo numquam barba degusto. Studio ciminatio tolero theca pecto undique. Nihil vulgaris aranea ascisco suus utor strues sperno dignissimos. Celebrer ver teneo. Ventito coerceo currus abundans vos vinco tot viduo dedecor consectetur. Supplanto curto cimentarius neque vos. Sopor cicuta apto apostolus. Adeo enim vulgivagus provident apostolus. Atrocitas alioqui validus. Vestigium argumentum ad canonicus cunae surgo. Ago copia tondeo ambulo aspicio carbo. Versus quaerat incidunt. Admiratio ullus argentum voluptatibus.

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