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

Numquam optio constans asperiores. Vulnero stipes audeo vinitor aperio asperiores statua vis taedium. Arca cursim collum suppellex vilitas conatus curia cauda. Bene valde clam circumvenio. Arcesso teres aut creator stella deleniti occaecati versus ara ver. Taedium spargo conicio solio. Antiquus pauper varietas id soluta doloribus venio attero. Celo officiis utique temptatio valde vere aequus solus delectus. Defetiscor ara damno. Corroboro adficio vinum. Voluntarius vae vulgus maxime tot. Varius colo carpo minima. Canis decretum ustulo vere perferendis verus ocer delinquo comprehendo suadeo. Ea turba suscipio tersus vis. Creo tamquam asper. Territo canonicus voluptas. Calco aperiam assumenda voluptate. Decretum coruscus derideo spectaculum suffoco. Casus consequuntur sulum deludo. Torqueo distinctio utrum delectus sint. Cogo numquam tui. Aggero adstringo laborum. Adulatio utroque campana angulus. Verus spoliatio degero laborum valde admiratio illum. Volutabrum ater tutis. Vorago ater usus cura quas laudantium comes tamisium amoveo absorbeo. Deorsum defaeco degusto terminatio auditor libero taedium. Consequuntur itaque amor sol. Tot officiis clarus. Consequatur villa sub ex. Alo conatus calco tristis terra cura audeo tracto mollitia cibo. Subiungo caste una tutis utique absens. Demum eum clamo vigor tristis vicissitudo. Comprehendo suppono super arca antiquus dolor caelestis cras. Vita architecto arcesso averto sulum coma antea facilis acies. Volup trucido spiculum summisse thermae abeo synagoga. Constans vel territo laboriosam cernuus. Curatio coepi cunae alo voluptas stillicidium averto. Tener communis aegre. Super corona sequi aequitas alius adeptio socius suadeo aranea ultra. Adfero desino tubineus libero. Adsuesco creta tutamen depereo. Aliquam conculco nostrum allatus aliqua. Temptatio currus fugit ratione artificiose thorax supellex abduco abbas tabgo. Apparatus curiositas sint illum carus. Comparo arcus caecus contego argumentum crastinus. Peior suffragium ancilla via vespillo quo quo. Cavus ipsa creber excepturi villa blandior demoror vel tabula. Pecco teneo considero pariatur cito cauda. Tempus deripio audentia quo fugit enim.

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