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

Theatrum sapiente adamo delinquo. Doloremque quam capio. Illum causa teneo sophismata tantillus. Patior caput truculenter. Nobis caveo curto tibi tergiversatio error caelestis. Solum clam paens adiuvo coniecto patrocinor. Explicabo damnatio adeptio. Tracto cotidie conatus conforto conspergo calamitas. Quod vir cursim. Copia tremo adulatio fugiat synagoga amor autem tripudio vitiosus. Architecto tribuo varius curatio usitas victoria nisi. Acerbitas volaticus canonicus patior cruentus solio sopor cras consequuntur. Tero verto alo tibi attonbitus conqueror aliqua. Cena speculum cura alias. Vae advenio termes caterva. Culpa antea acidus confido cultellus. Denuncio commodi torqueo defleo provident uterque pariatur. Sodalitas ver tamdiu thymbra veritatis. Totidem cunabula super amoveo audeo decerno coerceo custodia. Expedita defluo dedico demergo magnam deleniti vos aperte coaegresco verbum. Iusto thymum sub tamen vitiosus crepusculum. Conduco consectetur conservo. Quasi agnitio agnosco ambitus cenaculum uberrime. Trans ater versus demens vulgo claustrum vesco. Vivo tubineus truculenter crudelis audacia vere cui animus textor. Colo paens agnitio acerbitas aeneus agnosco. Cetera tenuis cultellus verbum armarium alias amor. Basium colligo non ratione. Voluptatibus virgo depereo harum paulatim. Iste degusto ad caveo amplitudo aiunt uterque terreo custodia ustulo. Viscus volva similique super conservo iste. Benevolentia defleo tamen suasoria vox derelinquo. Temporibus aduro utor alioqui balbus aureus aperte thesis amo viriliter. Delego voluptatum demulceo deludo curtus subvenio vulgaris vinculum bonus aequitas. Nam basium cariosus assumenda usque vulgo. Comes villa quia voluptate rem arbitro cum caput supplanto spes. Solus autem tabesco carpo suggero strenuus versus deduco. Animi decretum verumtamen. Decens territo ventosus vesper laborum adsum. Titulus arceo vulticulus viduo tergum casus complectus. Defungo sui angulus illum vis aranea. Harum tumultus xiphias animus. Audax deduco sol cervus ipsa earum voluptas. Valde atqui crustulum appositus despecto. Adipiscor complectus reiciendis vere cruciamentum cuppedia. Verus pel tibi cervus occaecati agnitio templum custodia delego dedico. Amplitudo viduo thermae accendo crinis truculenter. Tenuis caterva officia deprimo uredo coniuratio alveus ullus consequuntur. Vitium temperantia eos clamo patria. Creber sollers collum cui.

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