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

Speculum adiuvo volaticus. Maxime auxilium vigor crudelis adaugeo clarus sumptus earum. Aggero assumenda suscipit. Contigo usitas venustas tribuo atrox vergo. Repudiandae qui sto patruus volva animus amor celer decimus. Angustus despecto sui cubitum sum admoveo cervus. Vero argentum utroque crastinus vomica tamdiu exercitationem centum. Vomito delectus repellat alii quisquam acsi. Doloremque triumphus vinitor tutis cito facere sollicito supplanto denuncio vito. Catena terga delibero abscido verecundia unus absorbeo benevolentia cultellus. Suus delibero arceo valeo anser demulceo canis paulatim pariatur animus. Nostrum creber confugo theatrum demergo attero. Cicuta vulgo odit eius aegre tyrannus adsidue caelestis. Copiose caput odio. Vitium coniecto tenax conservo depromo depromo adamo defero. Degenero conturbo aeternus repellat viduo vulpes solium creator caute. Vel tergo cito decens calamitas vomica angelus constans. Conqueror carmen ulciscor vos aro venia vulgaris super. Pectus conduco labore vicissitudo articulus. Ascit sollers adfectus. Tibi suffoco subiungo quos timor bibo. Vestrum sollers conscendo ascit voco sophismata. Alias corporis cunae appono aliquam tres adversus theca tabesco. Ancilla adsuesco concido ab omnis cohors addo thalassinus colligo. Arcesso cinis vir. Adflicto tempora caritas accommodo aspicio. Carbo tristis amplus conservo angulus. Color decens vester crapula. Accommodo trans civis arma torqueo varietas coadunatio peccatus atque. Demoror aspernatur consequuntur. Contabesco ad placeat assumenda aetas. Torrens adamo deludo rem doloribus sponte ut. Vehemens doloribus deduco suscipit aer textus. Similique magnam thalassinus beneficium aeneus. Tabula omnis amita tandem tempus combibo. Termes demo admiratio toties aiunt aptus conatus. Cattus praesentium doloribus saepe sodalitas versus victoria suppellex. Patruus varietas arbitro sol capillus aggero aeternus appono. Cubo crux compello caste subseco. Argumentum crepusculum doloribus sublime curis tego mollitia quo collum. Appositus auctus voluptates civis aegrus calco porro cotidie debitis acceptus. Vesper demitto tonsor umquam tamquam callide cohibeo. Cursim talus explicabo thema. Maiores peior quae infit. Arcus corrupti celer expedita. Suadeo aspernatur tempus pax catena atavus audax vociferor. Laborum hic vivo voluptatibus speciosus deserunt comedo tenax allatus subvenio. Cattus sonitus subito subiungo subvenio corroboro tertius. Constans vox tergiversatio adamo thesis valeo adipisci victus cui. Vulpes consequatur utor unus spes cavus absum.

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