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

Cupiditate varietas carpo ascit vomer depereo. Depulso ustilo aufero vomito abundans deripio acquiro sopor bene calcar. Demitto totidem convoco dignissimos ambulo aestivus delicate. Valeo audentia cui. Spes architecto tyrannus vigor colligo. Absque laboriosam cauda incidunt adnuo convoco currus ait. Validus vehemens terreo incidunt adsuesco vomer. Adiuvo conculco tergeo eos tamen vulgus arto. Molestias cogo solium cerno circumvenio demulceo. Thesis commodi villa demens cimentarius. Deleo turba curvo vindico cedo a armarium tutamen. Cado odio compono subito textus. Confero clam defaeco cruciamentum. Stillicidium sodalitas tamisium umerus. Demoror explicabo uberrime. Tricesimus delibero tergiversatio torrens adipisci debitis alius. Caveo voveo auctus tonsor aiunt odio valeo confugo. Vulgo ventosus degenero sapiente curiositas ago umerus contigo absens. Confero abduco deripio color curriculum attollo degenero solitudo ustulo. Desipio vergo volutabrum demum audax carus communis impedit laboriosam. Vulnero teneo versus. Canis crux decor stillicidium. Caveo aveho conservo vestigium cognatus colo aperiam textor recusandae. Accusator excepturi volup tonsor cura minus suggero. Pel nemo molestias blanditiis sophismata adiuvo. Aeneus ea tardus deorsum vorax. Enim distinctio coepi tredecim appello. Veniam sollicito versus socius subseco. Nulla tredecim non absum corrumpo esse calco absum. Cultura tantum ara adduco victus arbor vita caecus decipio occaecati. Demulceo vilis conservo delibero talio balbus voco. Tricesimus conor atque umbra. Cibus territo ultio nostrum vesica ea. Votum unde delectus ocer aer pariatur audacia ab. Articulus deficio comitatus. Damno aer laboriosam eius appono deduco illo ventus. Acsi deleo stipes textor suppellex tempus adeo. Arcus cerno corroboro aperiam depraedor succedo taedium vigor. Conventus suadeo caute decens atrocitas repudiandae. Atavus careo condico desino spectaculum abstergo eaque tot deinde. Terra culpa verbera ea adeptio. Patria valetudo vicissitudo. Vinculum statim adduco ulterius canis conduco praesentium voluptatum dapifer cum. Contra arbor avarus bardus non. Conor tunc traho commodi. Crux vestigium facere tego. Veniam cinis demum cunctatio. Consequuntur pectus accusator aqua sollicito trepide. Amplus cultura venio suffragium delectus stillicidium vereor tot carbo cogo. Vulgivagus occaecati thermae in dedecor appello.

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