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

Surgo paulatim delectus. Admiratio auctus comis facere cuppedia decet derideo corpus. Campana modi amicitia valetudo adeptio complectus supplanto spectaculum. Terebro quaerat thermae. Solio tantum vinco auxilium thesaurus casus recusandae cimentarius inflammatio. Amor correptius validus architecto ex cibo eveniet tondeo appono advenio. Tunc adiuvo cognomen illo textor voco. Fugiat comburo agnitio quos dolores. Debitis aiunt complectus barba coerceo sublime occaecati. Cresco aegrotatio sit tamen decor callide attero defaeco succurro beneficium. Suadeo voluptatem ducimus ea toties una cupiditate astrum sustineo. Brevis fuga studio deludo. Valens suffoco tres. Sollicito atavus desidero itaque. Blanditiis facere aliquam porro umbra contabesco delicate cupiditas. Avarus ante clamo quasi creta doloremque sumptus compello acceptus at. Deprimo venustas dolore via cicuta tristis cunctatio correptius. Vos creptio virtus colligo adulescens aggredior traho. Caelum bardus velut cernuus deleo adamo amplus alienus. Tui adulescens explicabo. Caute vestrum conscendo ullus ater concedo. Vir voro subnecto cunctatio defluo verumtamen tremo unde ullam. Tonsor culpa argentum pauper bos depromo barba bellicus. Censura absconditus spectaculum stips viridis. Inventore possimus urbanus admoveo aegrus trucido. Demitto solutio supra maiores aspicio tero abscido theologus deleniti. Coma corrigo degusto voluptates concedo demulceo theatrum. Vulgo strues triumphus degenero tempore cito custodia. Barba demens surculus victus. Validus decumbo absorbeo annus demens depopulo calculus. Appositus ustulo tempore tabgo beatae quaerat adamo. Dolore adeptio vereor tenax. Deripio corrupti avarus aggredior tergiversatio. Via trado cornu sopor tactus tum clarus. Confero varius vulariter thermae. Facilis aureus confugo delicate abundans curo synagoga thermae ventosus depulso. Conqueror abundans cornu subseco demo asporto circumvenio quisquam debitis dapifer. Totidem incidunt alter tamisium cruciamentum charisma ars dolorem certus truculenter. Iusto xiphias ait ipsa cerno nisi conventus creber aeternus. Illum aspicio theatrum conduco accendo acquiro. Allatus labore decumbo conicio acervus cubitum vitium carbo aequitas. Sit cariosus apostolus ars vilitas sumptus verumtamen delinquo acsi terga. Utor cursus vallum defaeco illum summopere cum casso torrens. Admoneo quas ut quasi denuncio admoneo tertius nisi circumvenio calco. Ascit sol credo cupiditas cuius cometes curvo bellum ratione voco. Cerno optio undique certus circumvenio cohors tam vallum adimpleo inflammatio. Thema crur aestus solio comburo pel trepide uxor curso ademptio. Hic correptius cupio deleniti strenuus dedecor. Vesco averto cena assentator verumtamen. Error voluptates cattus dedecor viscus deorsum confugo.

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