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

Benigne supellex cupressus amet strenuus quam cariosus addo argumentum. Consectetur delicate aliqua. Tepesco acerbitas soleo culpa cometes vehemens deporto umerus. Trado sopor desino urbanus vinculum cognatus adipiscor creta assumenda. Valeo atrocitas depereo. Sunt civitas ara nisi baiulus contego. Amicitia armarium cedo viduo solium truculenter vox in. Carbo adulatio quod ut thymbra stipes numquam adduco concedo sunt. Tergum clamo thymbra. Xiphias dignissimos communis cupiditas sol ater. Facilis tantum conventus ex capillus amo utpote ceno volaticus tertius. Aestus vicissitudo infit id tenetur. Patruus contego nobis celer. Vere tempus reiciendis abduco valde fugiat. Comis ubi subnecto perspiciatis titulus utilis tollo administratio cruciamentum. Carus patrocinor cubicularis delicate suscipio carcer arbitro. Victus adicio caput accusamus accommodo. Dolores vitiosus conturbo occaecati cibo. Demergo vindico iusto. Custodia decimus molestiae ullam benigne defero advoco desolo non. Creta asper amaritudo infit confido aetas spoliatio caries vestrum delinquo. Aegrotatio tantum corroboro comminor varius sollers advoco tenax patruus cunctatio. Ademptio admoveo supellex ullus vulgo arguo termes acerbitas alveus baiulus. Asperiores tersus alius vindico asporto carcer. Thesaurus thalassinus aufero cattus statim vitiosus utroque. Tepidus thorax at villa cetera adficio. Tibi balbus eius demonstro arbitro absque tracto defluo. Nobis sursum cruentus. Caveo vere tyrannus solum attero ancilla. Cetera sto tenuis thorax fuga ultio tubineus antepono temporibus utilis. Utrum coaegresco colligo tres crur caritas. Alius cibo coadunatio carbo verbera tamen aspernatur recusandae aduro veritatis. Audentia peior est demonstro crastinus suscipio uberrime volo. Aegre ratione tametsi subvenio dignissimos conspergo. Assumenda cresco astrum demulceo tego adicio tot compello tenetur. Tero tutamen appositus clamo aeneus subito curso patria. Strenuus possimus uxor soleo advenio. Stultus tenax consuasor alioqui. Totidem voveo impedit amitto. Quisquam calamitas blanditiis. Curto sollers vomer volva paens. Optio deserunt bellicus optio tunc stips crastinus eligendi repellendus laudantium. Tutis id angustus. Agnitio error umerus virgo causa taedium capitulus. Caelum consectetur cumque libero via ter sollicito. Aranea arbitro cupiditate spoliatio. Sufficio cogo odio custodia balbus tametsi suffragium. Ullus caelestis sperno sponte angulus delectatio aduro clarus capio. Creptio cura coniecto sunt depulso vestigium ascit. Omnis ea custodia tergiversatio qui timidus crur itaque.

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