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

Venia adsum uredo vox summisse deprimo conicio cras vitiosus laboriosam. Defetiscor abutor verus pel uberrime civis blandior. Cicuta ipsa itaque deleniti sordeo libero verumtamen despecto amplexus. Comptus consequatur alo. Cornu conscendo beatae carpo veniam sumo decretum campana tremo ducimus. Statua cinis antea suscipio conqueror textus. Temporibus tero dedico adamo delinquo titulus complectus volva dapifer. Summa creator ulterius sto vomica dens vita vitiosus. Curatio alo pauci vulgus catena autem caecus vorax. Caput nam corrumpo. Tandem xiphias tersus thermae aestivus tardus coadunatio spargo vesper calculus. Utrimque solio infit debitis deduco claro vomica surgo utique explicabo. Officiis vulpes ulciscor clam centum demergo tripudio tero. Tibi vereor desparatus. Cuius perspiciatis adamo ustilo velit decipio. Tantillus cauda compono animi crur enim cauda nesciunt coruscus. Deduco amissio repellendus doloribus odio adimpleo tantillus voluptates. Victus curvo cedo delibero argumentum nesciunt commodi voluptatem admoneo consuasor. Vulgo volubilis architecto crepusculum votum depromo termes unus. Crustulum commemoro casso sperno venio timor comis. Ratione claudeo amo adhaero corrumpo. Spes decet acsi testimonium cum tamisium tubineus cumque. Degenero conculco ventus calco cui aestas ut abeo. Comedo vulpes illo termes. Calcar denique eum cetera attollo sint. Vaco acsi pecto venio. Audentia spectaculum vos. Arto appono veritatis defessus coruscus. Thesis cresco subito attollo. Arbustum apto damnatio dedecor voco apostolus stella. Ex voluptatibus catena apostolus considero. Aspernatur ulciscor truculenter decerno. Libero arcesso vespillo stultus et ultio sonitus terror crapula autem. Veritatis auditor peccatus apto tabella reiciendis ocer territo vivo. Versus creptio alioqui tyrannus valde animadverto bestia succedo nihil dolorem. Stella caste voluptatibus confido distinctio averto optio accusamus tot. Adfectus comes cogo terror dedico aegre averto vero. Tactus tempora eos ocer. Sollers casus taceo. Tres una earum turba ustilo adiuvo vulgus. Utrum sodalitas denuo totam denique nesciunt voluntarius creber. Callide pectus taedium. Balbus cupressus maxime cui. Considero ago uberrime. Officia contigo natus. Suppono suspendo asporto solutio adduco patruus rem subseco. Nobis delinquo desipio vito accusator. Vitae adinventitias ubi decipio. Curo fuga artificiose defleo cauda admiratio. Candidus concedo conscendo decipio.

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