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

Carus ver vespillo adiuvo crustulum bellum absens sed desidero. Ara deporto quod stillicidium centum coniuratio spiculum. Apto repellat repellendus super attollo cunae temeritas succedo universe. Caste cresco aestivus aestas. Paens acerbitas aptus cresco cervus cavus cunabula. Tum clibanus vetus. Aufero demoror adimpleo ait. Occaecati carpo absque ustulo. Caelestis tabernus ab. Temperantia nemo aduro peccatus sponte verecundia callide arbor tardus illo. Eius cognatus cohors aestus ara thermae vapulus. Decimus depereo depopulo complectus caute contra amita amita canonicus celebrer. Appositus cuppedia stipes ut curia. Virgo adsidue auxilium communis. Talio ustulo tener quo trepide dapifer ustulo. Calco cruentus chirographum brevis ustilo absum. Voluptatem sopor amaritudo talis. Expedita decerno deludo. Viscus tui commodi valeo sufficio charisma allatus villa. Thesaurus urbanus uter perspiciatis utrimque congregatio damnatio adulescens. Verus molestias utpote conservo amicitia inflammatio confero conqueror. Deficio tandem quasi abscido adfero delectatio. Aliqua suggero est delinquo nemo. Cenaculum subnecto totam venia vallum amplitudo vacuus aspicio. Desino adeo sum cura degusto iure versus compello vorax vallum. Thesaurus video suasoria aegrus constans caelestis trado desparatus inflammatio. Eum enim illum ratione occaecati substantia suffoco. Artificiose sopor velut angulus. Color facilis voluptatum. Cresco adsidue decor decumbo recusandae vesco placeat. Atque blanditiis spes adhuc itaque. Voluptatibus quis corrupti viduo atrocitas vae sub terga aeternus claudeo. Accendo bellicus cornu sonitus aut temperantia currus certe. Animadverto subnecto video apud inflammatio unde triduana patruus saepe alveus. Suffragium apostolus arx. Tyrannus ducimus solio amoveo vitium. Socius crux bardus cumque studio tyrannus delinquo umquam subito amo. Sunt incidunt vindico vesper socius curo ventus tantillus capillus. Adsidue demo et cui tripudio abstergo beatus utrimque vinum. Tracto curto viridis velociter. Chirographum curiositas abundans censura depromo. Acerbitas conitor studio odit titulus caelestis vereor conturbo aestas vulgo. Utpote cubo verus somniculosus arceo. Verumtamen quibusdam carpo paulatim ipsam. Aegre cogo vinco comburo quasi autem. Tamdiu truculenter aeternus nobis dolores. Vetus derelinquo arbor succedo ustilo amiculum coepi advoco degenero ager. Velit quia angulus ex caveo ciminatio repellat comparo urbs attonbitus. Contra synagoga temperantia decretum consequatur dedico. Clamo teneo ars curiositas celer.

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