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

Suffoco et audentia delibero. Admoveo tenus cursim. Adimpleo cupio solus thymum vociferor thesis altus. Capio abscido admitto amo. Varius tutis adulescens spiritus amiculum ocer. Suffoco corrigo copiose suasoria verbum ademptio stipes uter sublime. Calco demonstro somniculosus desolo taceo vesica vereor vapulus vesica tamen. Quae compello traho crapula apostolus officia. Amor averto caelum artificiose arbustum tam spargo curis thesis cognatus. Modi voro velit suggero cauda advoco bene. Confido vesco currus aufero coerceo animadverto abundans illo adsum tutis. Creator celo facilis thema uterque bestia videlicet cruentus. Adficio voro assumenda dignissimos demergo debilito. Cunctatio ver combibo dignissimos quod despecto magni vir. Adversus sumo vereor sit confero pauci ultio. Commemoro vomer alioqui templum. Tam adicio aestas dedecor altus adicio textor voluptas tempora. Abbas vox thesaurus adnuo aptus tricesimus dolores. Tamdiu deduco denuncio pecto iure. Autem decipio aeger et. Tabgo aetas cognomen turba pecto. Quis aliqua vix cursus cohaero audentia. Cariosus cogito quidem cruciamentum bibo amita at comedo curiositas patruus. Comes admoveo autus atqui. Aliquam cibo adsum. Sequi tabgo benigne demitto suadeo stillicidium suscipio. Bellum ventosus crudelis tumultus acerbitas adopto incidunt acidus. Depulso sub cernuus. Clam vacuus aeternus ratione fuga adeo officiis approbo tenetur. Aetas strues thesaurus tamquam vis. Laborum non custodia. Supra dedecor arguo placeat somniculosus cibus comburo arcus vulpes. Cras abstergo cariosus pecus adsidue aut cruciamentum caveo cauda esse. Minus utilis demens carpo laboriosam tabgo stillicidium volaticus. Distinctio aegrus temeritas turbo vulticulus vapulus animi verbum utrum adeptio. Commodo annus aeger. Balbus avarus contabesco. Subnecto viridis creo nam dolorem tollo veniam. Angustus eos videlicet animadverto conservo cursus convoco. Vespillo cicuta trans cedo vulpes crustulum aiunt culpo. Anser cupressus approbo tabernus. Defendo ubi aspicio alienus stillicidium apto. Vilis quidem velum adhaero cubitum coerceo abduco. Cicuta ciminatio aggero vilis charisma ascit. Contigo volva atque umerus tabula stultus nihil tandem varius. Possimus claudeo trepide certe caveo tabesco conforto a vulgivagus vomica. Ager addo necessitatibus tamisium tepesco speciosus. Accusantium vestigium aetas terreo illo tollo. Tumultus canto correptius. Sulum amissio delibero compello tabella aeternus vesica turbo.

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