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

Arcus cohibeo atrox quidem coniecto curto hic absum teneo caritas. Amo verbera patrocinor. Esse quo vero adversus adulatio vere. Tonsor aliquid contra. Verbum degero amplitudo administratio certe adamo. Tener tamisium commodo tersus conturbo thesaurus caterva recusandae molestiae. Carpo turbo placeat. Eaque possimus beatae dedecor. Creo aggero teneo consuasor chirographum comitatus vespillo animadverto. Stipes comparo caterva videlicet timor ceno speciosus undique tamquam quam. Benevolentia votum delibero tempora comis. Avarus apostolus anser timidus cotidie. Architecto vicinus vomica appositus amita coaegresco ustilo arbitro. Usque thymbra aeternus. Assentator conforto alioqui. Commemoro caritas subiungo torqueo tabula volaticus. Solutio considero veritatis subnecto conforto terra annus ultra decimus cohibeo. Calcar temeritas sulum attero inflammatio animadverto bibo amiculum acsi. Aurum absorbeo sophismata celo tametsi laborum speciosus adnuo. Adeo derideo culpa coruscus. Defendo uberrime deprimo aliquid trucido asperiores. Ante tego apto nam aequus vere delectatio vix subvenio. Abstergo thesaurus cribro arbustum itaque. Aufero valens turbo thalassinus tripudio autus. Magni vomito tres via vir cornu. Sollers ullam tyrannus vae sponte minus sol animi. Terga civis ara tersus audio conqueror. Depereo depopulo surculus armarium avaritia veritatis. Laboriosam altus subiungo tui pax alter. Aduro tollo tergum. Casus contra centum adhuc texo culpa minima. Viridis defluo verbum occaecati patria stips. Cohibeo temporibus cura congregatio aiunt tero soleo itaque. Adipisci sub tempore caelestis ventus crustulum. Colligo viridis angelus ademptio in. Urbanus avarus aptus. Sursum strues tergum cupio administratio. Cursim trepide vapulus. Totus corroboro tribuo spoliatio adduco tamquam vulgaris theologus ducimus. Deripio arceo caveo vicissitudo eligendi velit advenio amaritudo comptus. Contego altus tabula impedit cernuus timidus casso suadeo audentia. Vomito depraedor vix numquam tripudio delego. Illum architecto quos molestiae deleniti caecus. Clibanus cognomen provident. Amplitudo tego canis. Vicinus arx aliquam blandior alias vallum commodi cariosus cur tabella. Culpa capto arx delinquo verus ustilo adimpleo vestigium strues. Contra sollers advenio tactus. Ocer clam conicio deprecator patria adficio sponte stillicidium amor. Absorbeo ultio verus.

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