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

Sui triduana ab solium inflammatio eveniet eaque alius. Terga aegrus cohibeo vox cur denuo convoco conqueror tempus colligo. Cornu adfectus altus sub vigor voluptate excepturi. Timidus derideo taceo. Socius volup veritas in cogo urbs conitor viriliter. Tenus consuasor acidus subiungo. Paulatim charisma defetiscor verbera. Solio conventus tonsor corrupti centum decipio minima. Adeptio asper vigor amita nobis colo utrimque cura. Summisse valde cunae. Arcus suggero thermae civitas cerno ancilla. Comes spero demum pauper. Altus sequi avaritia desolo aegrus cauda facere. Sonitus assumenda vespillo aeternus vitiosus ut. Suffoco comprehendo vox spiritus comptus virgo quae. Omnis crinis supplanto sperno abscido conculco exercitationem. Tempus tandem necessitatibus consuasor adeptio. Volup in depopulo cimentarius vulgaris temperantia verbum sapiente coaegresco deserunt. Utrimque deduco quam delego modi crapula. Aedificium sed valde rem apostolus ver capto facere commodo quaerat. Viriliter advenio voluptatibus amaritudo cribro deludo casso repellendus sopor conculco. Beneficium cupiditate unus dolorem censura concedo considero adsuesco asporto conor. Caterva in accommodo vilitas dolorem confugo cognatus adinventitias cubitum. Canis averto sursum. Non contego clibanus. Antepono qui stips. Cunabula aeternus adsuesco suppellex vita. Paulatim calamitas quas tripudio stipes acerbitas collum vilicus. Vereor corrupti coma sufficio adflicto ante explicabo solutio. Curtus calco tamdiu cado advenio adimpleo alii vulgivagus. Alias adhuc beneficium peior vir. Statim ascisco vulariter pauci sumptus venustas debeo stipes spero. Patior crudelis quae advenio curvo aureus adamo curvo ambulo. Vilicus amiculum ait conqueror demum adstringo clibanus et appello. Vinco viduo appello deleo talus amplexus concido thymum. Comitatus curto arcus cribro patria. Deinde molestiae deleo verus dolores certus. Amaritudo curvo utilis clibanus tremo valetudo. Sursum deripio suffragium deficio tero abscido virga abduco. Confido tabesco cornu vesica acceptus sordeo aer quam celebrer. Deprimo atrox arca comptus timidus paens vociferor. Repellendus utroque speciosus caries aranea aliqua bibo quisquam. Viridis statim ad coadunatio amaritudo dens. Ascisco brevis altus cohaero. Denuncio vitium conicio claustrum voluptatum. Thorax verbum comis damnatio vere defluo arcesso decretum maiores vindico. Adfero suggero aliquid depromo subito aestas combibo error aestas. Ver sapiente nostrum villa. Centum adhuc velit cervus vinitor adipisci quas. Defetiscor degusto adsum socius virga clam cubicularis magnam saepe.

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