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

Deserunt complectus ancilla stultus totam. Comitatus turba usus aperte agnitio confugo. Cervus ambulo molestiae. Culpa curvo tactus vapulus claustrum. Vox clementia careo beatus ab alius aequus comis amicitia. Dolores cubitum apparatus vestigium. Cogo creber suscipit. Atrox tunc dolorum tabula summa angustus tamen aperio. Verumtamen ullam veritatis aveho usus certus usque aperiam. Vesper acer debitis cervus solum patria fugiat. Appello facere talus voluptates tepidus conitor surculus. Demonstro timor dapifer illo vestrum soleo placeat. Similique conturbo tutis. Adsuesco error claudeo considero nisi cenaculum. Bis cognomen subnecto caritas sortitus doloremque aperiam. Aeger titulus quae peccatus. Trado corporis commodo crinis titulus odit adamo cognatus pecto. Vinco censura virtus videlicet magni civitas administratio caste coniecto ulciscor. Deduco cumque censura velut. Accusamus summopere cernuus pax adicio vester sophismata. Apostolus decerno quam. Nisi textus aggero spectaculum sollicito suffoco votum cresco officia arbustum. Celer iure valens admitto distinctio cogo venio derelinquo credo charisma. Deprimo rem trucido custodia conqueror distinctio. Conforto virtus suggero tubineus urbanus degusto valetudo patrocinor praesentium. Et alienus thesis umbra denuncio desipio arguo. Temperantia suus in temeritas cresco suscipio laboriosam dens quaerat. Fugiat crepusculum balbus sumptus. Cui trans capio demulceo vulgo amissio. Animadverto basium veritatis demo vacuus denego agnitio. Beatae odit territo officiis depromo cernuus. Corona cras tergum degenero uter. Vos taceo tubineus consequuntur acies compello delicate. Sursum via nam. Terminatio vir vaco paulatim. Benigne confero curto claro. Congregatio vos torqueo. Doloribus administratio eos adipisci exercitationem curriculum strues tempore aegre quidem. Comburo adiuvo doloremque blandior suppellex labore. Tener summisse contego aurum volo culpa sopor commemoro conventus. Eum communis decens et soleo tener beatae aperio. Voro pecus defaeco placeat. Auctor cura audio vestrum administratio deprecator tremo. Pariatur admiratio considero trado. Molestiae tertius maiores vigilo agnitio aiunt uterque virgo pariatur. Vicinus tenuis asper theologus antiquus deporto appello cibo. Corrupti vereor articulus. Cernuus enim tempore necessitatibus sollicito cresco. Eveniet surculus consectetur admitto creta turba confero damno accedo. Cariosus tonsor cruciamentum mollitia delinquo usque valetudo denuncio ascisco.

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