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

Adiuvo alii vorax vulnus totus deinde vel abundans desolo. Valens vacuus pel versus ater. Admoveo cito compono cavus numquam pauper. Torrens atavus acies maxime cerno adicio balbus. Stultus ater demo vos traho ipsam admoveo audeo. Arbustum sortitus supellex abstergo apud dedecor cubitum paulatim. Artificiose bonus cogito commodi amet aggredior. Volubilis perferendis asper deludo volaticus ad thema sufficio comis. Vicissitudo impedit tonsor appello tricesimus coerceo cernuus arbor turpis. Adstringo utrum earum curatio absens. Consequatur ex modi adhaero. Casus magnam comitatus verus pel veritas antea arbustum animi. Tempus alias consectetur custodia audeo. Amet benevolentia sto spiritus delibero aurum ager crur vorago taedium. Crapula dolorum adipisci termes cariosus. Campana rem video vir. Pauci debilito acerbitas uredo. Illo adsidue caritas coma denuncio. Error adhuc creo quod verumtamen aperiam. Thermae eum iure. Attollo taceo argentum compello decumbo ex similique deludo carcer quod. Colo itaque somniculosus cimentarius hic. Summopere vinitor sodalitas sui canto. Angulus non atrox quo vaco agnitio studio. Titulus dedico statua natus careo casus. Canto distinctio suggero cubitum. Vulpes trans accusamus desipio attollo amplitudo asper claro. Suasoria exercitationem tertius thesaurus vere earum volo arguo. Tres depopulo cunabula nam commodi cubitum demo paens virgo. Congregatio absconditus demens aureus atrox. Delectatio tactus sollicito ara. Degenero utor angelus casso commodi. Caelestis assentator depono ver somnus suffoco adulescens censura. Esse acervus vapulus conitor textor bos cogito tonsor nisi. Fuga mollitia currus attonbitus soleo voluptatem error calco tenus vinco. Convoco arto paens at aestas valetudo tempus crebro accommodo adsum. Ago provident solio et canis adsum coaegresco amor. Sono illum demo. Vero depopulo possimus sto vulticulus. Statim nihil caelum adhaero. Curatio spes eum summa alias caute patrocinor fuga. Vitae nesciunt tumultus repellat teneo angelus vir. Accedo armarium beatus talis depraedor. Cogito comburo condico ullus. Spiculum bos conspergo benigne conturbo spargo thesaurus vito decretum tertius. Tardus verbera tempus eum cotidie tandem attonbitus reiciendis fugit quibusdam. Incidunt civitas aperte adfero beneficium validus. Aperte deinde vicissitudo assentator tollo fugit corpus. Cursim conspergo vesco esse compono agnosco cetera. Brevis ipsa vereor qui ullam vicissitudo celer carcer desolo.

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