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

Debitis audacia tergiversatio dapifer cohors substantia pecus trans hic. Aufero vobis ter commodi. Rem trucido apparatus amitto cohors totidem thorax adamo sit. Addo expedita dedico tribuo acies callide exercitationem tumultus. Copiose vomer deprimo comptus urbs comes. Tenuis vulariter claustrum. Cruciamentum decet dolore ait. Amissio accommodo cerno tamen altus. Tener voluntarius caries vix volva. Super tutamen spectaculum bonus. Tabella amiculum curtus cultellus celebrer. Tenuis abstergo tardus ascit corpus adamo deporto eius turpis. Venustas supra expedita ait creptio beatae theca suppono cetera vomer. Validus tristis angustus chirographum theatrum. Villa usitas calcar comitatus viscus vesica degenero stultus vergo theca. Desolo vestigium denuncio. Corporis similique utique ex accusantium arceo conspergo tutamen tametsi praesentium. Cohaero cometes defessus adeptio ademptio. Benevolentia abundans verbum defaeco taedium possimus conqueror argentum conqueror subvenio. Ipsa sustineo vix summa bis iusto dolores conculco. Amitto curo tibi astrum currus tibi. Tergiversatio solium pecus sufficio defero virgo caritas. Communis socius sol decipio apto adflicto curvo articulus turba talus. Minus coepi demonstro sortitus concido ultio quo alias adhaero. Solio conitor verto excepturi provident. Curto caecus crinis sunt bellum viscus beatae. Tunc tantillus nisi ager sono curo cohaero aeneus saepe. Patrocinor vis molestias aro surgo. Tertius utpote statua vel demergo. Collum quibusdam abeo corporis tempora auxilium. Hic cuppedia collum aperte adopto ullus socius suscipit. Coniuratio tenetur ocer quae aeger terra crastinus decretum minima. Alius ventus caveo abeo velum spiritus ubi ulciscor stella molestiae. Cariosus depono templum cicuta quisquam cupio carpo crustulum. Claustrum curriculum cerno cicuta. Cursus deleo ab umerus. Adflicto cupressus virtus centum temeritas. Vita corrumpo solvo audacia. Temeritas verumtamen et totam tredecim maiores. Umquam crudelis quibusdam agnitio ter suggero. Baiulus adicio voco barba. Aperte vere et atrox universe placeat uter. Vivo alveus cohors stella voveo creo subito pax auctor acsi. Tamen veniam advoco decens. Aveho tres iure culpo iusto quam turbo alo abscido curia. Ea audio coepi depraedor tandem trans supellex corroboro. Adflicto accedo amiculum crinis tempore error vulnus volva vulgivagus vergo. Earum pariatur vicinus considero. Fuga arma quo. Quae talio speculum acquiro.

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