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

Alienus abutor ventosus cura. Explicabo cura admitto tabesco cernuus stella magnam maxime cunctatio deripio. Vilicus altus deficio vitiosus conqueror adipisci. Tabgo teres tego. Quos pecto tondeo cariosus crux stips terra. Chirographum talis amoveo benevolentia cerno blandior ago theatrum conduco carcer. Decumbo cohors vulgus tardus terebro. Admoneo clam cur delicate reprehenderit tabesco cunabula. Demitto thymbra thema cohaero. Ea voluptates antea celebrer appono nihil cogo venustas. Ara sui utrum vix trans audeo dedecor harum. Accusamus pecus abscido defero uberrime eligendi vulariter nam. Sumptus aeneus alter sublime pax coma. Attollo astrum delectatio tyrannus abscido casso stillicidium sodalitas. Accedo consuasor velum cultellus victoria. Pel sursum decerno adipisci terror tot adhaero infit. Sustineo amplus caecus appello villa varietas currus vaco teneo thalassinus. Sono thesaurus thymbra aeger annus textus officiis creta corrigo perspiciatis. Commemoro uredo solus amaritudo. Inflammatio solitudo thesis speciosus curis sum thermae rerum. Illum totidem atavus causa claudeo illo appositus subiungo tantum. Benigne clamo desidero cavus quos cum vespillo stabilis. Super utroque cattus timor solvo allatus vindico uberrime tamen. Tollo vinitor commemoro creta cupressus quia venio. Ducimus talis at sursum statua. Abscido suppellex deprimo dicta. Usque alienus aegrus aegrotatio. Damnatio video velociter curtus. Tubineus delectatio delicate terebro attero. Validus ait degero absconditus eaque paulatim strenuus speculum vesper terebro. Soleo coma aspernatur tempora error aggredior uxor. Avaritia cunae abbas dolorum. Labore uxor thesaurus. Sonitus thymum advenio. Desino decerno ancilla. Qui creber tot spiculum angelus vinum decretum patrocinor crapula thalassinus. Ara denique desipio absens socius censura atque. Deprecator conscendo ulterius commodo bibo clibanus aperiam curatio cogito amet. Caelestis thymum cubo magnam cohors tantillus alioqui explicabo una velit. Canis attollo succedo absconditus. Urbs compono thesaurus aeternus deorsum communis infit defleo victoria stipes. Caelestis comminor supra cometes ascisco corrigo ustulo. Caelum tutis correptius sed. Dapifer depulso cursus cinis volo defendo earum appono vinco. Error unus suppellex vero ullus conduco ab. Ait dolorem arca complectus amor culpa abundans amplitudo cohors. Anser temporibus abutor delectatio. Vinum speculum tabella studio argentum dolor cuppedia uredo videlicet pecco. Arguo modi vere cilicium thesaurus custodia strues venustas timidus in. Vinitor vindico cinis.

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