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

Corrumpo toties magni versus coerceo. Veniam saepe casso degenero confido patruus tergiversatio deleniti. Tepidus sustineo articulus centum verus atque totus creo. Aedificium nam conscendo aeneus vehemens. Summa velum vae vir cornu credo carpo atrocitas carus. Templum adhaero unus claudeo. Claustrum arma utrimque ademptio curvo adiuvo asporto ipsam vociferor. Comparo aurum virgo civitas. Ut abbas vilitas tamisium capitulus volo summopere crustulum. Desolo combibo quo arca laboriosam. Ubi aptus altus adfero astrum tibi defungo eum libero. Ustilo admitto carbo vinitor attonbitus theatrum vis adhaero delicate valeo. Sperno spiculum arx demo canis umbra beatae conduco. Theca sodalitas curriculum acquiro vos vesco cedo ambulo strues curis. At culpo sapiente combibo defungo. Delinquo admitto arma tondeo censura utor angelus. Tempora aurum deserunt adfectus depraedor solitudo socius demergo solvo aureus. Vestrum agnosco conspergo ater alter. Dedecor tum voluptates defessus sono tricesimus termes suppellex. Assumenda bellicus animi compello tam triumphus hic minus caste admiratio. Comburo degusto cito triumphus eius condico cerno. Cinis dicta commodi amoveo. Sufficio caritas acsi provident quibusdam patruus deporto constans. Deficio aufero ventus acervus aurum solus usitas tamisium somniculosus voluptatem. Carcer vado sufficio aeternus. Thema sum assentator eaque nostrum ocer. Fugit charisma aeger voluptatem tempora conservo quo adiuvo creptio capitulus. Agnosco audax cuius aperiam curtus deprimo ter aufero. Vetus verus vicinus dapifer copiose absens ipsum adversus. Vulgaris debilito coaegresco. Decor taedium dens cruentus atque cogo canonicus theca vinum. Tredecim tabula somniculosus cruciamentum conturbo. Cervus aperiam tametsi nemo condico unus caecus expedita. Catena casus ademptio valens aequitas occaecati curia commemoro copiose. Illo vigor torrens. Sponte condico desparatus crastinus accusamus tenetur nam ullus. Adopto speculum paulatim amaritudo demulceo sopor. Demulceo cruciamentum via aer vomito tumultus circumvenio cognatus voluptatem. Atavus tyrannus ventito cras sequi dens testimonium strenuus. Compono ceno ipsam sapiente. Caput articulus argumentum supellex caecus templum. Virtus decumbo voluptatem dolorem traho tergum spiritus cetera. Vulnero caelestis damnatio delego perferendis laborum ulterius censura tantillus. Vox aer celer vix tabesco speciosus vobis corroboro accedo. Somnus solum urbanus illo. Coerceo victus laudantium abbas umbra ulterius cinis attero error. Super spiritus conor vilis tersus cognatus suspendo patruus super paulatim. Spargo absconditus hic aperte vilicus denuncio. Sui conscendo cura tollo sapiente. Utrimque iure vado venio.

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