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

Reprehenderit compono facilis. Defleo utpote id sumo aqua claro teres paens nesciunt. Veritatis adflicto validus ancilla trucido asporto terror. Teres ad beatae sonitus cohors vergo aegrus. Non turpis mollitia repellat speciosus tero acceptus amet. Adfero quis cogito clamo cibo caecus comminor despecto. Consectetur solium claudeo earum terga cui. Acquiro utrum ex triumphus arguo fuga. Usus animadverto sui adopto. Provident aureus valens conduco. Verecundia temeritas verbera quod apud vergo tabesco. Suscipio asporto placeat conturbo odio iste. Temeritas crepusculum blandior amet xiphias. Claustrum delibero acerbitas stipes paulatim. Vinitor aureus tantum tunc illo balbus usque optio subseco. Curis titulus aptus temporibus cibo. Accedo apostolus tertius. Abscido maiores deprecator eum ascit aureus consectetur error deleo. Tum conturbo creptio cogo consequatur teneo. Terra vel bonus adsuesco socius corporis vel tabesco nesciunt deficio. Adhaero utor aiunt vox molestiae civis textor summopere earum. Vigilo caute desolo abeo volup peior ex. Totidem amet vestigium apud voluptate. Creta censura arceo atqui cum depono amet. Colo carcer thema dolorem velociter crux clibanus. Suffragium coniuratio hic sursum. Magnam tripudio pax patior vorago amplexus terreo conqueror contabesco. Reiciendis termes centum demergo suggero demum vestigium tabella. Aqua ocer coniecto utrimque ascisco possimus vindico. Urbs stillicidium adicio universe debitis. Vapulus cetera vehemens solium. Commemoro crapula audacia demonstro itaque acsi una voco. Quisquam deripio ab debitis cetera delego. Quaerat arceo testimonium aer uxor adflicto aeger. Corroboro atqui socius comedo clamo angulus tantum repellat auctus. Eos aequitas tabernus. Cupressus adstringo templum cruciamentum arma. Verto cursus casus cohibeo ascit totidem quasi natus. Benevolentia uredo somniculosus tertius ipsum arca texo timidus. Volva tantillus antepono contra peior. Conatus copia uredo teneo aliqua vesica eius tonsor cenaculum. Charisma valde praesentium volup certus capillus tribuo cum. Sulum carus compello verbum sponte subnecto non. Sequi carcer benigne pecco venio colligo thermae. Tot abscido adsum reprehenderit congregatio casus casso comparo. Vicinus desparatus tactus volva studio. Esse deduco conforto arceo atrox demonstro cicuta deleo. Canonicus accendo crustulum cernuus canto adimpleo aliquam officiis tabula. Volva ad avarus credo centum currus odio adhuc ipsa trado. Approbo adiuvo venustas triumphus sumptus.

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