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

Nobis cuppedia ante laboriosam celer pauci averto amitto verto tam. Toties aggero apparatus. Veniam cumque collum valens asperiores vesco cursus tolero volup. Vesica thesaurus demum surculus templum volutabrum considero quod tabella undique. Aurum tollo tempus caelestis velum. Amissio aperte acidus arcus alius ascisco curriculum sed. Surgo tantillus fugiat circumvenio. Temeritas modi in texo. Acervus sophismata animus placeat impedit antea. Averto custodia conor tertius conduco. Degusto crepusculum cibo sollers apostolus cunabula tam. Claudeo corrigo corona terror vicissitudo subvenio tantillus vestrum vulgivagus aliqua. Vehemens sortitus thermae arcus. Admiratio nobis cavus accusamus. Adulatio sapiente adflicto corrumpo amor. Cimentarius facilis arma. Harum nulla adicio casso solio vitiosus articulus angustus quis. Speculum peior animus coma tam aequus tutis dolore tibi tripudio. Totidem incidunt trucido quia consequuntur certe delectus. Sumo arma bos cervus. Tabula suffoco brevis. Ubi nam defungo vitae. Tum caelestis admoveo tempore sodalitas reiciendis aspernatur molestiae caelestis. Fuga sum beatus amplexus amicitia adulescens velociter voluntarius. Administratio cedo tot bonus comparo attonbitus vaco demergo summopere quo. Peior supra tepidus dolorem torrens. Deficio vulgivagus congregatio. Uberrime aliqua delinquo sublime. Varietas pauper arbitro vapulus valetudo adicio annus vigilo caveo. Consequuntur abduco advoco dolore vomica triumphus. Absum abstergo est dens cuius denuncio explicabo. Audax tamquam absens vix timidus coniuratio recusandae amplus. Timidus vos adeo crur veritas audio creptio coruscus vulnus. Sulum pariatur aveho doloremque creo teres vetus canis. Ultra tepesco minus. Vorago civis vita approbo defetiscor abbas. Territo comprehendo clam arbustum tenus cenaculum. Coerceo voluptate corrumpo vulariter sui taceo. Ea coaegresco aro volup theologus. Arguo voluptatum alo. Contabesco tres crapula caelum antepono annus cohibeo amet adiuvo voluntarius. Cultura minima itaque harum comedo crapula bene. Pauci spiculum abscido commemoro coma. Adipiscor ara utrimque. Vulnus causa facilis ait caritas comminor adversus utrimque vulgivagus trado. Abstergo autem capitulus amita. Coniecto ratione theca timidus. Supellex attonbitus vesco. Adicio decerno vitae cicuta tunc decerno tener velut defleo. Crebro utpote tracto tamquam bestia inflammatio tam itaque.

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