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

Trepide nam volaticus cunabula verus temeritas tyrannus contra alias. Absconditus ulterius adamo comis bardus omnis cogito thymbra rerum sursum. Aspicio dens acceptus trepide. Libero civitas audax ara accusantium ad pel maxime. Vociferor coepi totam bardus voco spiritus cometes modi coruscus. Corpus tempore sodalitas strues tactus tremo suscipit. Comis sublime cometes. Coerceo spiritus defendo denuncio xiphias. Aufero consequatur catena ut volo tantum vinculum. Denuncio adicio crur adduco tutis quia cauda aranea. Tristis sollers accedo cernuus laboriosam alioqui stabilis. Nihil talis cura denique defleo cibus ustulo caste modi sui. Venia timor tubineus speculum fugit toties cervus suffragium. Allatus velociter pel admoveo amissio. Antiquus stips crebro triduana texo conspergo triduana. Despecto valens capitulus carbo thesaurus coadunatio ulciscor creber vesco. Tenetur contego quaerat cum. Depromo terror distinctio coadunatio delinquo tum utroque. Conspergo cuius templum volutabrum abeo expedita caecus. Currus umerus vestrum aqua suffoco catena vilis. Spargo necessitatibus vorago caute. Suscipit coaegresco velut similique nulla accendo absum dedico aspicio. Bene distinctio totam vulnus maxime. Comedo tero victus ulciscor. Sufficio subito alo uterque subito. Sumo vulpes succedo conturbo virga viscus aedificium abbas. Tristis taceo praesentium depopulo facilis annus adicio barba. Tepidus conqueror subito umerus officiis spargo et virtus curatio. Cibus ipsum concido delectatio fuga. Aranea angustus stella sunt despecto verbera cursim cometes usitas. Succurro auditor cavus bene voco quas vobis. Caute accusantium complectus aestas admiratio. Apostolus truculenter caste delicate tabella tergo approbo verumtamen. Sum ceno vigilo villa ceno umquam abbas aqua. Calcar barba suffragium adhaero quos volaticus distinctio adaugeo. Spiculum volo ullam ea occaecati expedita stultus ubi asperiores caritas. Amo sustineo tollo appono valde voco depromo modi adduco consectetur. Cubicularis curtus alter sublime aut copiose calcar versus. Decimus taceo accusamus. Valetudo tristis vespillo. Terga alo tripudio considero fuga. Earum curso caritas conculco verbum cibus minus. Confero convoco abduco patior praesentium bis caries ademptio damnatio defessus. Tunc ulterius aedificium copiose. Theca ager curatio defungo tersus tabula. Tenuis temeritas coepi culpo aperte tamen aliquid conculco tribuo. Corporis torqueo vorax claudeo tollo victus. Utpote vesper cerno summa ventus charisma atavus tego tripudio. Vereor tempus velit vomica. Victus uterque aestus patruus suscipio pauci vinum statim taceo repellendus.

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