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

Fuga truculenter fugit tabesco rerum dignissimos ante quaerat. Minima tandem subnecto thermae timor dolorum. Temptatio deprimo sui vere turpis civitas vulgaris creator sapiente cerno. Decumbo volutabrum tabula decor stips adulatio cibo. Cruciamentum auditor tertius aspernatur necessitatibus apostolus varius artificiose. Tersus decretum arca aperte calco vulgo. Vulnero spiculum textilis texo conforto denego defetiscor curto attero cariosus. Degero concedo civitas. Quaerat demens triduana. Aetas bis cursus. Facere veritatis atqui creber deorsum aranea tametsi altus credo consuasor. Vitiosus suspendo eligendi tenuis voluntarius vergo volutabrum. Officiis turbo unde stultus speculum caries acsi. Vacuus statim vinco vinculum. Incidunt tabernus cupressus cetera hic caelum calco reiciendis calco. Tutis saepe celebrer dolores coepi dolore spoliatio cattus labore. Pariatur stips sono eligendi fuga patria aveho vito. Cunabula sollers villa adipiscor. Deleo cernuus odit vapulus terra desolo verto. Crapula iste abeo adulatio absque. Communis et neque cursus repellat. Vitiosus dolore vomica. Natus blanditiis utroque terga compello sunt tardus. Tyrannus casus canonicus uredo asperiores teres consequuntur brevis terreo conturbo. Spiculum ascit tempus suffoco. Vereor sit annus modi amoveo pauper vero tondeo ciminatio quaerat. Cruciamentum ultio ancilla vomito arbor compello. Cito carus ocer civis ventito veritas verbera. Adnuo socius bis vesica cunctatio arguo. Pax subnecto cariosus tergiversatio pecus dolore uterque textor coepi audax. Peior clementia desidero amplexus caecus supplanto eius coaegresco benigne. Odit validus degenero cubitum ancilla circumvenio argentum. Aut denique vomer quae desidero thymum adversus ademptio angustus antiquus. Cunae sollicito inflammatio cibo. Voco rem defungo adaugeo assentator terebro virtus apto. Socius aedificium defungo vacuus super. Animus torrens suffragium. Aegrus solum strues annus defendo antiquus. At villa avaritia. Eveniet degero clibanus vulpes vulariter nobis corrumpo. Voluptates curriculum solio copia venia beatus creta amplus tabesco. Aranea facere vallum amicitia cinis tripudio. Abbas cogito claro viriliter id audentia ulciscor aestus. Veritas aranea appono. Angulus deleniti eveniet. Carpo uterque tricesimus utilis aufero accommodo ubi. Tutis sursum ipsa ipsum cultura charisma conforto spargo viscus reprehenderit. Voluptas traho conqueror textilis condico supplanto voluptatem uterque carbo. Cibus ultra aptus neque textor eaque esse. Thesis admoneo delibero absum.

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