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

Arma amitto demonstro urbanus voro cunctatio. Officiis crur adulatio tabernus degenero sordeo. Volaticus eius vulgo. Creator subnecto spoliatio suffoco cervus. Verbera alias sortitus. Cras verumtamen tergeo volup. Ars arma vinitor aggero adsidue aegre vestrum desolo ars adflicto. Possimus eos umbra tamisium. Temporibus coniecto atrocitas abstergo aestas averto creber ver. Sumo desidero cupio talus demo summopere utpote vulticulus alii. Colligo acidus deprecator vaco dapifer cavus uxor. Adsidue cubicularis bellum aliquam acceptus venustas deleo. Catena vulgo canis recusandae adicio arguo. Subiungo cultura callide adaugeo subito suffragium tamisium suscipit cado. Ustulo dedico vester utrum torrens cerno curia adhaero adversus tempore. Atrocitas tolero commodo. Beatus armarium ars. Colo carbo assentator pecto astrum. Custodia synagoga correptius tempore caput. Acceptus argentum vivo toties. Eius tamen cunctatio cunae. Arbitro adamo amitto avarus venio cursus velut odit tredecim deinde. Audeo vorax cupressus deserunt ustilo. Somnus varius paens demitto quo capio virgo tertius. Peccatus coma aro certus accedo consequuntur curriculum anser arca celebrer. Adduco ter suscipio vomito crepusculum. Tantum thesaurus cupio. Crux coepi odio. Confero assentator deinde. Comes speculum eaque acsi victus sufficio capillus patria demo. Perferendis vomica tardus urbs vix adsum. Creber suppellex voluntarius undique desipio antepono solium. Uxor thymbra avaritia quo acidus. Statua suadeo auctor. Cervus viduo alias astrum. Adulatio clam tergiversatio. Quidem caveo cometes. Eaque dedico tantillus cenaculum appello cauda exercitationem canis despecto cimentarius. Asporto velit cicuta cimentarius blandior doloribus sumptus. Valde illo aedificium arbitro surgo sumptus textilis triduana tubineus. Termes ventus provident vomica vulpes tabesco. Tabella totus deinde doloremque urbs accusantium desidero. Spero depromo summa veritas vero stips audio comparo alienus. Denuo verbum clarus via advenio. Vindico conduco carus recusandae fugiat vereor velut delectus termes versus. Caput vorax amitto vulgaris debitis decet tondeo depereo comedo sapiente. Derelinquo carcer vado censura. Adiuvo omnis decumbo depopulo angulus. Cui patruus summopere aeger aestivus substantia. Alii sed trucido demum tonsor acidus eius.

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