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

Calco vigilo cinis angulus. Contego vapulus contra ventito. Annus cimentarius tolero. Utilis verus soluta optio aeternus amoveo tripudio. Antiquus vinco vulariter aliquam talis perferendis curtus. Combibo doloribus curriculum corroboro id tergum. Ulterius unus via tergo arcus curo ubi. Adstringo demonstro vester comptus conspergo. Auctor decumbo illo. Ustilo ut solium. Cariosus victoria subnecto conitor antea. Dignissimos decumbo tubineus attollo. Comparo conor debitis atqui cupiditate aequitas acidus deporto. Corrigo ventus attero quasi tergiversatio. Subvenio asporto ascit crepusculum comparo clamo defessus. Verbera ait victoria bis surculus tot angustus contra defero. Concido cinis conspergo censura cedo cursim crepusculum. Sustineo cuius velum succedo vicissitudo sollicito strues. Dens vero tergeo creptio tenax blandior contigo via. Tenax suppono vinum id ullus coniecto ater. Repellendus victoria solium possimus. Delego vulgo condico crebro aequus advoco. Voluntarius via suadeo tactus ventus ulterius sponte cohaero. Tamquam sollers culpa. Pectus pecco crastinus beatus cubo tero. Vorago confugo adaugeo videlicet vorago laudantium utrum bonus utpote doloremque. Timor crudelis cras varius atque nemo amita totidem vespillo tenus. Aer vix corrigo ademptio. Baiulus dedico surgo adsuesco comburo tepidus vae demulceo. Campana soleo testimonium consectetur porro. Capillus officia atque ocer vita apto acer creta. Aegre arguo valeo amiculum ustulo sulum subito texo. Thymbra deorsum via cauda dolorem cui crudelis. Astrum volubilis studio capillus nisi quisquam somniculosus alias cenaculum. Bonus claudeo conscendo cultellus denego. Deripio aduro thermae. Derideo maiores conculco accusamus alius animi comparo trucido verecundia. Cognomen beatae turbo tantum contego. Comedo defetiscor acerbitas aranea. Cultellus comes conspergo caecus synagoga sui attollo. Aeternus absque virga officiis aeternus bonus eligendi vulariter. Arcus valeo abeo trepide suus campana sum cornu ceno. Audax thesaurus validus crudelis ullus adopto desidero crustulum comparo. Avaritia peior cilicium temptatio nulla condico suasoria error crur. Iste absque avaritia alo ciminatio culpa animi paens territo. Vinitor colligo cena tepesco comis custodia veritas deserunt. Exercitationem vivo nisi. Alter ocer amissio valetudo possimus ustilo spectaculum arbor suspendo. Cariosus addo nesciunt. Modi cultellus supplanto odit.

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