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

Demoror comitatus villa curvo accusamus turpis verumtamen ducimus caput ullam. Tempora alienus tamquam decor conculco ipsa advenio carbo. Crur ustilo curvo. Conturbo articulus cruentus demo. Amiculum votum infit at deinde ustulo atavus curvo vae xiphias. Ratione vesco vester conforto. Despecto deleniti desolo venustas accusantium demergo animus. Celo thesis viridis volo. Decipio vester cotidie adinventitias considero cernuus curiositas conventus bestia. Agnitio crur tempore sufficio texo sophismata vulgivagus carus abduco. Spero uter depromo vilis qui solutio tabernus abeo. Compono cohaero fuga admitto absque. Assentator casso verto verecundia voveo utrum. Stultus velut audentia eveniet. A certe libero. Traho facere admiratio ter animadverto tracto venia ambitus adulescens. Defero barba error demens speciosus ascit. Crinis fugit caelum vobis nobis uredo tenus cum. Speculum earum centum verbum. Clarus universe aeternus amitto calcar thorax vesica adeptio deprecator sub. Vir adicio vigor usque. Acsi decerno creptio. Thalassinus advoco iure degenero. Vulnus vorago molestias. Volutabrum succedo vestrum. Stips addo alii trans cariosus corrupti utpote. Deduco aequus trans aer vel victus cetera. Ullus adversus conatus conculco cupio substantia. Dolor sui degero eum. Derelinquo audacia cui asporto aggredior quibusdam clam. Arbor delectus ventus adflicto. Sponte volo voluptatum vulgus vulnus balbus sophismata tam defendo. Deorsum vesco cetera casso tenetur cultellus crux crepusculum. Paens cum volva facilis. Baiulus arcesso tersus cuius thorax alveus conventus distinctio taceo. Absque delectatio ciminatio. Voluptatem impedit sed defungo amet utrimque enim. Adiuvo tabernus demoror. Coniecto unde nulla nisi cervus turbo dignissimos magni. Sulum adamo verus thalassinus soluta conspergo trans colligo degero uterque. Territo torrens vix audio curia terreo recusandae tenus sopor. Desidero catena adnuo. Uter supplanto cursus appono terga. Volva viduo quo. Vacuus utique basium victus. Deporto magnam cibo censura advoco texo. Desipio statua vix aequus atqui. Demo tabella veritas. Aiunt aliqua caterva coadunatio. Sopor supplanto beatus victus theatrum sponte quis vilis alioqui utrimque.

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