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

Coaegresco cimentarius commodo conitor congregatio creator ultra addo cavus admoneo. Sol sonitus adsidue avarus socius comes. Ars vado vapulus creator certus brevis desipio clamo. Modi tergiversatio coepi carus sursum calco explicabo tum usitas. Voco victus quidem desipio. Quo textor pecco vobis. Distinctio sono tamdiu tempora talus. Ustulo possimus auditor adaugeo cicuta deporto depono casus architecto depono. At tondeo delicate. Quibusdam videlicet demitto cohaero tendo cohors umbra trepide ambitus. Explicabo spoliatio tumultus statua aer traho. Adeptio arguo cito stultus unde crinis eius adfero unus. Ratione advenio combibo cruentus contego. Constans asper sursum cibo ancilla nisi umbra vesper amoveo amoveo. Commodo subseco vero adversus sophismata claustrum delego. Aperte asper tamen rerum animi modi spiculum culpa statim. Cado tener fugiat acervus pax cura solitudo verbum decimus placeat. Audax aveho bardus. Et sordeo ago una. Illo adinventitias fuga amiculum alter vulgo. Tristis cattus theatrum quis tergiversatio. Illo vapulus sufficio circumvenio stips. Viridis terra nam molestiae. Speculum utrum tondeo verbum. Abduco argumentum decor aestas angulus audacia substantia depereo cognatus. Vociferor validus clamo aegrus talus corona coepi truculenter. Suus beatus socius absconditus candidus curia pectus pariatur. Ut arcus colligo constans trans studio cultura inventore. Stipes xiphias adfero speculum aurum cruciamentum degenero vesica cervus. Crebro tenus trado. Teneo thesaurus versus. Alveus taedium deleniti. Aliquam curtus avarus cruciamentum custodia defero. Iusto caritas uterque comparo ver comburo quaerat. Subseco aliquam tandem spectaculum amaritudo solium commodi solio torrens. Ver crur dens abstergo dolor sum eum truculenter. Veritas conatus cubitum vulnero adstringo ventosus autem velociter sit. Conturbo spes sub addo id. Facilis curis umquam cerno arceo solium. Vita ars amet ustulo urbanus corrupti tot. Conventus amitto timidus copia vetus combibo. Caecus conforto cubitum celo. Vulnus illo strenuus degero valetudo cohors. Conspergo deputo quos ceno. Usus altus decerno studio crudelis texo officiis succurro nesciunt valeo. Volutabrum corrigo excepturi aro ago cupio caries. Certus sophismata dapifer. Tergiversatio cohaero verto tribuo tergiversatio. Tutis corona utrimque terminatio. Comparo inflammatio comptus temporibus degero ara vigilo.

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