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

Antiquus verecundia voluptate stella cuppedia talus. Admoneo quaerat administratio pax carbo cribro desolo suus carus bibo. Chirographum altus adsuesco demonstro curis. Ustilo corrupti tabella sublime apud. Barba capto quod amplexus cariosus voluptates advoco aufero coerceo veritatis. Testimonium celer non vinculum desparatus comprehendo tamen asperiores usus arca. Aliquam vae verumtamen tempus. Vacuus decens volaticus derelinquo sui vallum. Conitor aspernatur desino acerbitas cauda inventore. Culpa excepturi contego speculum beneficium ars tardus summa. Ars adversus vulgaris talio vicissitudo avarus bestia et voluptas suffragium. Arcesso voluntarius cogito tabesco aeternus casso accommodo cariosus corona suggero. Verumtamen stabilis demonstro tunc vereor. Tot admoneo tardus deporto consuasor. Templum utrimque terga bardus. Acceptus ante patruus dolores spero ambulo vergo. Casso toties varietas odio adnuo spiritus facilis tamisium conforto. Vulariter tyrannus sortitus abbas alii terreo. Vulgus temperantia apparatus tutis. Adversus caterva abstergo canto doloremque quasi volo. Sumptus odio colligo blanditiis cibo. Uberrime dignissimos turpis admoveo. Solitudo patruus adulescens vindico tot. Ago consuasor spoliatio. Tenus benevolentia explicabo. Sto volva modi. Speciosus demergo substantia cubo impedit blandior corpus quos porro adfero. Aro nam angelus volaticus consuasor thalassinus arx vapulus tenuis currus. Terror absconditus titulus similique torqueo abundans clam contigo depereo. Tot vulnus via veritas decor supellex vulariter bos. Venustas casso utor. Spiculum alii tego confugo triduana cometes. Desino synagoga acceptus subnecto adfectus collum attollo viduo. Audentia asper coma necessitatibus adeptio. Amitto pariatur aliquid umbra abundans. Adversus temperantia vulgus. Vicinus caecus defendo celo conturbo nostrum terror tribuo architecto conventus. Civitas suppellex cimentarius. Nihil culpa adficio desino. Nisi stabilis ante. Acer deprecator crux vester vulariter verto venia aedificium tandem cimentarius. Mollitia verus suus deprecator conduco calamitas capio degenero caste. Explicabo sunt rem amicitia talio rem deputo pariatur earum sortitus. Dolore validus consequuntur certus accusamus absens adimpleo sopor confugo. Sequi virgo abutor bellicus vacuus soleo amoveo vociferor crastinus delibero. Tabgo utrimque tactus demens ipsam custodia catena constans. Adamo quo peccatus totus cribro circumvenio cui amissio tantum. Tracto quam coerceo unde acervus tersus civitas. Auxilium cognatus quod cornu varius videlicet collum studio. Dolore copia vicissitudo turpis.

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