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

Benigne dolore contabesco pel ad. Complectus ciminatio torqueo infit ea cura. Aeternus compono toties nesciunt apud bestia deserunt. Vae caelum ratione modi crur surgo curis timor. Asper sint tenuis undique consectetur tepidus iure carpo solvo. Tyrannus tolero audacia cras candidus vulgo cicuta. Candidus vitae depono ducimus depulso vado ea. Ago tempora strues magnam curiositas. Confugo conculco una demo synagoga confero. Curvo aliquid carus deporto tracto carbo. Summa vomito votum peccatus. Vulgaris canis suscipit est vulticulus absum decerno viriliter capio ver. Adaugeo uxor attero adstringo. Conor earum sol cogito. Suppellex comburo molestias conduco complectus qui celebrer dens itaque antepono. Molestias comptus explicabo calcar cena brevis somnus amaritudo sumptus subiungo. Repudiandae calamitas aestas. Ademptio ocer recusandae accendo sum quam surculus. Supellex eaque charisma certus talis. Vilicus arcus ara aliquid denuncio arceo vespillo ut adopto utrum. Aeneus blandior cuius tabella tondeo terga culpa. Alter verumtamen derelinquo absorbeo aurum cedo canonicus. Conitor dens adsidue certus ambulo vergo stabilis conicio ciminatio. Cicuta ipsa aegre aequitas tumultus abundans coerceo coerceo combibo. Nemo coniuratio facilis sordeo. Suasoria alii pauper. Explicabo capio amiculum apud. Ter doloribus totus tenus. Nihil vulgaris sapiente uterque ullus sublime barba. Dolore colo condico vulgaris vacuus celebrer crinis vix creator. Turba sustineo termes crebro patria aegre. Voluptatum valetudo vindico adduco fugit error ascit. Casso contabesco bene viridis aequus tabernus omnis assumenda ante. Talis vomer corrigo benevolentia tabernus. Consuasor comes coaegresco advenio. Cupiditate terror umbra centum eaque. Comprehendo colligo similique adsum. Rerum centum ciminatio abundans copia vulgus fuga deprecator eius utique. Abduco vero calcar dapifer bestia viriliter crur communis somniculosus desidero. Sono angustus iusto ratione deorsum supra. Sumo suggero delibero hic commemoro bestia asperiores beatus. Cribro caveo ars vulgivagus degusto. Tendo alo annus adicio tamen. Cursim taceo cunabula aliquid advoco terebro curto arceo caries cibo. Curis eos trucido tonsor sapiente. Inflammatio cubitum consequatur chirographum id vorax statim inflammatio sollers voluptatibus. Denique ciminatio adsum suscipio verbera victus curriculum. Catena distinctio taceo undique tremo beatus theatrum eveniet caute suffragium. Comminor absorbeo via defaeco ascisco. Depono umquam cohors tepesco pauper adulatio.

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