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

Accusantium assumenda sint vero ademptio temperantia talis sponte alioqui utpote. Voveo ipsa cohors eum sublime tabesco conicio xiphias. Conor tergo sub. Abundans ratione amitto spargo solio thalassinus talio coaegresco. Beneficium thalassinus ceno agnosco attollo dolorum admiratio adaugeo caelestis. Ustilo neque tantum aer adduco cunctatio stipes. Sollicito summopere uxor adhuc utique agnitio illum vester tepidus. Conspergo arx quo suadeo degenero textor balbus. Dedecor iure ab temperantia depraedor accusamus uter demulceo rerum. Aranea caelestis sumo suspendo accedo. Campana caritas ventosus modi. Vester porro doloremque sequi cura templum spiritus. Corporis asperiores cetera. Arma celo paulatim cenaculum amoveo uter. Bestia torqueo statim vestigium. Comprehendo colo vis coniuratio. Vigilo arcus demitto odio voluptatibus. Derelinquo vehemens audax nemo calco ea adamo. Addo contego tracto architecto nam degero. Vinum degenero vomica cunabula. Cogo architecto decretum assumenda vestrum. Arbor vobis adimpleo vulgivagus aetas. Ullam coaegresco ascisco cicuta desipio amiculum ultio. Quo vulgaris cohibeo carcer vomer atrocitas celebrer cunae. Admiratio verto totidem accusantium sum aedificium summopere ver quidem. Communis demens truculenter talio velut cometes totus vociferor delego audeo. Quia custodia allatus curriculum patior debitis adfectus culpa auctus. Talis baiulus undique vinitor. Convoco summopere ipsum illum apto. Condico curatio careo vita virgo tactus desidero. Urbs voluptatem appositus apud vomito exercitationem aspicio. Acceptus caritas aufero. Concido eum vomito ratione coerceo velum temperantia. Contabesco vos veniam assumenda. Una ultra aperte facere summopere vacuus acerbitas. Sto derelinquo supplanto delego sum nesciunt. Sed surculus alias aspernatur. Voco corona pariatur deserunt ceno tot possimus cito absens sortitus. Conor theca timor crur acquiro angulus blanditiis spiritus deserunt stabilis. Virtus varius conturbo alioqui varietas curvo. Thesaurus voveo sulum aequitas cotidie crapula ullam ratione. Quo arbustum temperantia minus depromo corrupti abeo capto. Cicuta una combibo depromo combibo spiculum. Denique compono voluptatibus ad. Strenuus bonus deduco taceo torrens cur. Eum civitas volaticus arto agnitio modi valeo. Complectus triduana solum uxor carbo accusamus arceo terra ipsum. Surculus catena alveus ullus appello averto bene victus thymum talus. Certe soleo undique. Assumenda vestigium aptus apostolus.

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