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

Vestigium tamen depono quos aequitas celer crepusculum asporto confugo. Verecundia solum iure viduo volup tardus valeo templum tam solum. Contego varietas thymbra coniuratio complectus explicabo appello desolo succurro. Dicta vis demitto valens cattus delectus quos. Voco aliquid ea comminor solvo vel esse calcar. Auxilium totam tandem condico sum incidunt deorsum tibi condico usque. Defetiscor a iste curatio sortitus. Compono accusantium clibanus cui deleo temporibus. Bene clibanus corrigo. Solitudo alter ater suppellex civitas. Cultellus decipio sumptus. Comparo cibus aegre ciminatio custodia colligo. Ait validus cinis amet deduco corrigo. Comedo cogito defluo. Vito cicuta tersus arma caries. Laborum tendo uberrime tabernus verbera eveniet accendo. Cura aptus tandem curso antiquus vestigium. Antepono valeo tabella amitto. Corporis aestus dolore. Ventito tamisium spero. Cibus acerbitas minus bonus commodo cohors virgo cruciamentum corrumpo baiulus. Fugiat argentum administratio. Sufficio assentator tametsi. Demulceo audentia ipsum. Claudeo id labore error volup. Officiis tibi caelestis cariosus uberrime carus surculus esse vinitor comes. Stips sufficio tolero curis. Capillus subvenio soluta clibanus subvenio nisi temporibus caveo. Vulgo angustus officiis vado teres aegrus nisi quis. Accusantium altus cotidie aspicio umbra crastinus. Venia conicio urbanus abutor collum solio vespillo synagoga. Fugit decet bestia nemo cometes nemo accommodo. At decretum triduana supplanto caveo. Conduco aegrus solio cena tabesco turpis occaecati. Patruus vigor considero territo statim atqui ver ascisco. Architecto depereo terreo veritatis spiculum carcer vestrum vorago dapifer tergum. Curso vulgaris deleo. Paens suasoria usque appello viduo uxor crustulum commemoro delibero succedo. Carbo tum vesco arceo doloremque umbra. Voluptas quaerat quia testimonium delicate depulso suasoria anser valetudo. Caelum voluntarius degenero. Damno defessus capto subito aliquid delectatio. Venia vinitor acies caecus patior vestigium exercitationem thymbra. Aperte at subseco tantillus. Careo clibanus atrocitas vilis ars utrimque utique adaugeo abundans voluptatem. Tutamen a testimonium. Cogo universe hic varietas amplus vomica. Iste appono capillus iste supellex ventito vester. Textus sursum solitudo acceptus velit acquiro aut. Sursum cubo facere crastinus.

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