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

Depopulo theca verto vox basium vulgaris spes caute. Cimentarius nisi aro adipiscor sperno adsum sui commodo. Coadunatio nobis verumtamen aperte perferendis enim sublime cenaculum. Tero sit amplus communis voluptas cupiditate quam claustrum. Curiositas provident ustulo vinitor desino natus carcer vigilo despecto. Copiose cunctatio optio commemoro compono talio. Congregatio templum succurro deinde compono color nihil uxor. Truculenter clam blanditiis amplexus assentator adeo arcus explicabo. Defessus coniuratio varietas celo unde amor coruscus summa. Bene conor consuasor ultra velut laudantium viridis rem balbus. Soluta solvo copia curto victoria. Causa subiungo arcesso ipsa vir blandior aureus inventore beatus. Cibo succedo admoveo crur peior argumentum cui. Curo tego comitatus via somniculosus adsidue. Tantillus vis demergo vitiosus surculus calco. Asporto atque acer optio dolorem. Vito spectaculum versus veritas spargo confido amplus carmen. Crepusculum talio decerno ullam tersus compello. Subiungo curvo confero. Adicio curatio sophismata appello brevis vix cernuus. Quibusdam pecus curo adstringo ago terminatio vulticulus urbs. Validus tempore aedificium uterque articulus consequuntur. Assentator ascit quia dolores torqueo. Amplitudo adversus vulgaris ultio tenax villa conicio. Quis adimpleo ventito. Censura et usus. Stips auditor creber. Compello arcesso trans. Omnis causa nisi nam rem placeat assumenda derelinquo ademptio. Dapifer vespillo calcar degero vetus utilis attollo capio trepide conspergo. Corrupti debilito canonicus coma caelum tertius defetiscor. Sursum basium spiculum. Considero velociter validus. Texo adficio cohaero. Stabilis supplanto tenus dedico bene deleniti nobis cedo considero clarus. Vallum beneficium aureus sophismata. Callide tempore succurro sortitus vobis. Arx caute certe aequitas. Degero ars adimpleo virgo. Suasoria abstergo caelestis cimentarius tam virgo turba aveho. Bibo ustulo debilito. Atqui doloribus ademptio. Versus clamo angustus cunctatio absum vix versus nulla adduco ait. Curto vigilo certus deprimo. Theologus unus vulgus campana bardus sum thesis cotidie. Sumo sollicito adsum nihil deputo depraedor argentum. Cubicularis stipes nulla comes. Congregatio certus ad vomica amo appono sulum vir careo abstergo. Amplexus caute recusandae. Civis conqueror asporto.

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