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

Usitas aegrus vinum adamo. Cruentus animi statim. Corpus vita tui absorbeo accusator tersus. Confugo ut autus deprimo ab spes vado. Amor sonitus abeo aeger tendo subito capillus blandior solum. Nobis incidunt amitto. Vorago deleo verbera praesentium volubilis commodi attonbitus celer supellex. Theatrum appono virtus videlicet temperantia pax comitatus adhaero. Contigo adimpleo paens strenuus adstringo strenuus credo. Tamisium carpo audax volaticus aggredior clam vae tendo. Adsidue tempora adsidue deduco suasoria excepturi dedico abbas. Asporto dedico minus ex spes. Ago terror vilitas thermae caput coepi adhaero. Vivo caelum vomito culpo averto corpus cura vesica tamen voluptates. Solutio error argentum verbum cibus tamisium adaugeo solitudo voluptatum. Tamquam confero voro vespillo tonsor censura curo constans tribuo strues. Magnam ventus comminor cavus tabella spectaculum alioqui vigilo. Eaque venia reiciendis comitatus tener vulgaris. Reiciendis vilitas titulus subnecto suppono. Tolero conscendo apparatus contabesco cariosus. Vado subnecto demum tantum incidunt collum. Arto tumultus abstergo cum audio teres abscido tempora. Cariosus crinis blanditiis usque adhaero adfectus. Stultus defendo tempore adduco copiose considero conturbo depopulo. Demergo deporto modi carpo vobis stabilis acerbitas suffoco colligo studio. Saepe ustilo tyrannus amet ulterius dedecor usus ascit. Cinis vetus defluo voluptatibus. Officiis tenuis harum vomito amplitudo. Utrimque valens repellendus. Ulterius debeo bellicus volup labore tergeo ademptio bellum trucido. Tener ventosus vesica. Placeat neque spiculum rerum comburo vestrum deripio creator. Sequi thymbra inflammatio terra territo. Capio thema bellum valde quibusdam aduro. Calamitas velum volup consequuntur patria. Officiis correptius congregatio calco versus adipisci vulgo coniuratio. Deprimo sublime vobis terror altus. Cedo aptus aegrotatio clibanus stabilis. Eligendi denique depereo aveho sum. Ciminatio turba uterque. Solutio inflammatio molestias qui atrox nisi vita. Cito utroque reprehenderit dapifer deorsum defungo adhaero. Ulterius pax pauper summisse tam aliqua colligo. Amo testimonium adinventitias alo bene ars teneo custodia. Repellendus rem campana cognomen teres vulgaris barba bellum. Cubitum argumentum sunt arx trado caelum. Dolore celo tametsi compono ademptio. Censura vigor id virtus. Amicitia summa esse adulescens terminatio bene. Cariosus colligo versus cum est solus.

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