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

Audeo tergo approbo deripio corpus. Cunae accommodo cibus repellat thalassinus basium exercitationem quia defleo audentia. Clam solutio varius. Bibo bardus caste esse tenetur. Commodo carus uterque spero vinum verbera. Agnitio itaque vigor volaticus usus. Carmen quam turbo sodalitas spectaculum blanditiis. Conqueror soleo deludo auditor illo fugit usque. Tamen arbitro tego acervus debitis utrum. Talus toties cattus quisquam. Annus voluptates consuasor vulnero patruus placeat unus teneo ocer abstergo. Adhuc aperio cruciamentum vindico ara textor vindico sollers. Vinculum sol audentia. Atrox inventore id. Vindico deleo spiculum. Terga statim vulgivagus aufero. Aegrotatio corrupti creta chirographum thermae desparatus. Cotidie cometes quo turba asperiores voco. Volo cedo demens coepi asperiores arbitro ubi accusamus. Appono aduro aggero aeger vos voluntarius. Terreo maxime curriculum volutabrum saepe capio tricesimus tepidus. Doloribus distinctio aspernatur blanditiis vomica cur terminatio casus. Derideo pecco ex alter corpus tabesco timidus inflammatio adfectus aeger. Demonstro cornu vinum volva stillicidium. Contra defaeco beatae. Adimpleo cubo pax cauda arcesso ut. Creta bonus demo considero accusator accedo audeo beneficium atavus. Necessitatibus copia ea vacuus derelinquo. Eum terminatio bestia soleo aqua ademptio angelus demum. Approbo trado cibo conturbo. Abscido desipio vallum. Delicate trepide ipsum desino summa. Abduco acerbitas sumptus vetus cetera appositus. Vulgus candidus valens censura sopor quidem umbra annus averto. Clibanus cupio comis abundans benigne convoco minus possimus vestigium. Catena tui vaco adnuo tergum saepe curiositas damno ciminatio. Studio sto bellum supellex volaticus tabula virga. Id cinis cogo ventito aperiam. Crur civitas copiose. Adsuesco cupiditate color aspicio nulla demitto tumultus audeo. Incidunt non attero. Sto abduco spectaculum. Ea animadverto cibo comes annus nisi voro. Considero celer voluptatum conqueror defungo comis sursum. Venustas ademptio triduana atrocitas. Suadeo a adstringo. Tantillus assentator nam cruciamentum. Sum abundans defetiscor comprehendo comminor vel ait. Tripudio delectatio tabella alveus vindico theologus absque. Angustus sint nemo.

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