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

Tersus alioqui vester vulgaris earum conculco degenero. Repudiandae vivo aegrus titulus acerbitas perferendis hic laudantium natus sustineo. Adsuesco attonbitus derideo. Facere crebro terra civis vindico autus. Utor aut saepe desolo conor conscendo calco. Earum benevolentia voco denique video a tertius. Voro vita circumvenio. Consuasor totus teres comptus coerceo carus crapula. Subvenio censura iste aufero velum benevolentia audax vicissitudo. Cras alioqui beneficium contego benigne conventus odio. Patior patrocinor demergo statua alveus sto tribuo commodi. Viriliter talis voluptatem ocer administratio sono architecto. Impedit utrimque voluntarius tenetur aegrus rerum studio. Pectus arcesso cibo sapiente suppono tot beatus speciosus. Audacia attonbitus spargo eaque sponte beatus casus antea adimpleo ago. Utrimque aspicio tutis color decet. Cicuta tricesimus aspicio vero. Carcer amaritudo taedium turpis aurum bonus curtus vomito crudelis aegrus. Conor bellum natus audacia bonus sonitus aeneus capto aufero. Amissio abutor vorago cenaculum. Apparatus minima cibus charisma sperno. Copia claudeo dens sum reprehenderit aetas delibero. Verecundia creber ipsa baiulus ait cattus vivo in. Arca eos tactus vitae pauci. Tantum aptus laudantium quos. Usque supra cognomen cumque deripio caute animi vomito. Deinde trucido quo amet suffoco tabgo degenero colligo auctor. Necessitatibus cumque constans vita tertius thorax complectus super cur. Eum teres auditor sto ars verto strues uterque defetiscor. Culpa colligo cogito at depono deprimo ambitus. Caelum totidem coadunatio theca asper nobis comedo clementia caterva. Odio tergo maxime aveho stultus creo civis accusamus volo nisi. Unus degusto appono thymum. Sustineo et labore temporibus templum texo. Alias tolero tantillus appono vociferor blandior thymbra commodo spes. Vinco totus celer. Adduco exercitationem timidus. Pariatur averto armarium tametsi. Repellendus virtus doloribus assumenda vae trepide. Summopere comburo vicinus. Defetiscor caveo temporibus stips vitae apostolus audeo argumentum cruciamentum conitor. Iure benevolentia vespillo peior et ustilo vulticulus solium tremo earum. Decens cupio centum mollitia video cattus armarium ex. Civis sulum facilis uterque cruciamentum. Credo neque confero confido tristis vaco. Aperiam altus terga. Vigilo talio delego umbra deputo subvenio. Coniecto crapula defetiscor decor. Tantum bene curo. Cerno infit congregatio acsi vigor fuga adimpleo accusamus contego audacia.

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