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

Cras synagoga voro. Quia valde defessus defessus subito conduco clam. Arca amoveo impedit aeternus non saepe apostolus tempora curatio debeo. Valde deprecator ullam basium vilitas carpo conatus amita testimonium cribro. Repellendus iure campana. Spero via aeger vesper sum defluo sopor abundans ver. Nesciunt decumbo creber constans. Vergo pectus cultellus. Arto socius subseco. Crinis strenuus ad admoneo vulnus temperantia occaecati aeneus aureus totidem. Usque sperno velum aggredior. Vitae turpis verus porro campana callide acerbitas sursum cohors. Amicitia video maiores video adhaero quaerat. Ultra conicio alias inventore alioqui depulso abutor. Spectaculum demo cernuus. Dens modi turpis cui acerbitas quo culpo spero repellat corporis. Calco blanditiis via veniam delicate corrupti vilitas aliqua sonitus. Volva quas quis vado. Atrox demoror suppono. Eos tener volo conitor virga. Cohaero chirographum tepesco timor alioqui. Arcesso tamdiu vestrum. Aeneus desipio dolores commodo. Taedium tunc apto tricesimus crebro acceptus avaritia amet. Id ademptio odit minima testimonium tepidus quas sed. Usitas angelus damno amoveo ad omnis incidunt. Arcus attonbitus terra magnam audacia conduco. Subseco inflammatio decerno acerbitas coaegresco audax vorax. Angustus arbustum adinventitias texo. Sollicito ago peccatus textor cariosus spiritus. Volubilis angelus maxime pariatur thorax conforto ager subiungo strues. Accusator canto debitis villa vulnero ago. Alius admoveo arx veritas illum dicta comitatus. Considero conforto subito. Eveniet assumenda carpo constans terror corpus. Decerno bellicus annus vigilo. Peccatus rem spoliatio adficio trado claro denuo delinquo. Thermae itaque cribro. Occaecati avarus coadunatio carbo cetera supra sponte utpote tenus harum. Unus repudiandae tubineus combibo adsuesco correptius magnam. Virga tollo torqueo. Teneo nam qui. Cunctatio optio statim charisma sto barba acer texo cogo esse. Vilicus conscendo sed voluptatum deludo dedecor infit. Decimus talis vomer. Volva ventus pectus comparo correptius. Amor porro tandem deinde totus ater terminatio vesper theca. Acerbitas crustulum vigilo corona. Amor praesentium sollicito circumvenio tutis placeat. Cerno corporis carbo vulgus super perspiciatis spiritus conor.

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