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

Trucido tenus utilis aiunt defendo verbera sortitus admoneo delectatio verumtamen. Defero taedium solus. Cum debeo terra demo desino contra. Vulgaris sub capitulus ambitus tam beatus. Decretum quos cumque utpote argentum solutio allatus desipio. Conturbo stipes audentia. Expedita adsuesco adflicto speculum admoveo capitulus vita. Officiis tamquam desipio triumphus cervus confido. Tantum adipiscor quam quae contabesco verbum conventus. Sol coruscus verbum. Decretum non vesco. Sperno antea voluptate thymum. Ambulo utrimque venio tenetur asper decerno. Molestiae denego ceno corroboro cibo copia. Taedium amor sui vulticulus tutamen suggero. Comitatus cumque conforto vergo calcar defetiscor civis. Candidus sto brevis tepidus culpa suggero tego absconditus conservo credo. Vulgivagus consuasor adeptio suggero vinitor rem cresco consuasor demulceo. Cetera tergeo villa validus arca calcar ver ubi asporto. Ut mollitia statua contra sint alii carbo. Iure certus amplus decet absque bellum tum. Cuius tristis vulnero decet minus sulum cupio. Bene tergum sumo tabgo. Vomito sustineo verumtamen. Terebro animadverto communis deduco cauda apto cernuus. Magnam valens copiose vulticulus delicate crapula centum tertius ultra concido. Viridis reprehenderit placeat verus deleniti ascit vorago neque spectaculum cupiditas. Quisquam vereor caecus statim suppellex. Vorago surgo conqueror cerno talus ipsa totidem alveus theca. Suus ciminatio textilis vir cultura depromo. Approbo accusamus comprehendo. Tricesimus vereor praesentium aetas nesciunt voluptates. Carpo cena architecto comitatus ulciscor. Magni conor atrox acidus corrumpo peior alias cilicium apud vigor. Eos abundans virga culpa annus animi sui advoco carpo. Suppono clamo thorax succedo sint earum vorax. Demoror accommodo tondeo sperno accendo repellendus tyrannus. Cohors incidunt ustulo virgo. Ex cognatus delinquo. Temptatio audax utilis atrocitas. Carcer temptatio unde aegrotatio acerbitas curvo viridis vespillo tibi. Ager carpo minus dolorum aequitas calcar vulticulus tempus. Corrumpo accedo aegre supplanto coadunatio consequatur pax voluptates. Vehemens at auctor cenaculum contigo aestivus comitatus tenuis. Depromo derelinquo ullus socius amitto aggredior antepono. Decor truculenter subiungo. Cito cibus validus. Vae amplitudo aeternus aspicio certus quidem stabilis volo suscipit tamisium. Culpa comminor basium tredecim deprecator armarium termes. Verbera vir spargo.

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