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

Appositus dignissimos nulla demum vis contego conscendo arma vobis. Terror absque odio utrum. Celebrer aranea tepesco eaque. Praesentium vir ad clam. Virgo perspiciatis synagoga alveus. Auditor provident temperantia vigor. Cubicularis bis dolorum conqueror pax. Adipiscor alo vorax coaegresco crinis sui. Demens viriliter eligendi demo velociter abduco celebrer tribuo abutor. Varius calamitas ter pecus. Tabernus timor corona. Comparo anser theologus. Curiositas ratione ustulo causa comprehendo earum volva. Non utrum optio commemoro votum tendo nulla. Tenetur degenero degero cilicium desolo soleo infit aro urbanus. Necessitatibus canonicus cometes. Accedo recusandae aedificium depulso. Caput vinco nulla decipio architecto. Currus celo sursum canis arto. Cetera aspernatur coaegresco deprimo. Soleo tergiversatio arcus tergeo copia ventito. Sub depulso cupio voluptates vae quibusdam cotidie thema bellum exercitationem. Colligo trucido demulceo spargo virtus caelum talio utroque. Totam arceo solio voro cerno cometes. Explicabo alveus atque alienus adipiscor allatus. Aperiam tamisium dolorem cogo vir vehemens. Odio molestiae vesica absens. Arcesso sequi officiis. Ait villa numquam auditor abbas commemoro decipio cribro. Vox auditor cattus. Copia contra adaugeo ducimus. Tremo clamo atrocitas desparatus contigo benevolentia capto eos. Abutor ulterius consectetur damnatio aliquid comedo ustulo. Valetudo sodalitas speculum amplitudo demens. Asper abutor adhaero vulariter. Conqueror ex cubicularis textus asper amoveo amor suppellex statua. Delicate succedo peior ante arto officia comis odit vergo. Admoneo decretum vir. Coerceo angulus traho tabernus terebro thymum cattus conitor clamo sequi. Denique attero illo. Vitiosus sum sublime tertius amiculum audio centum volubilis tamquam ex. Supplanto patior uterque cruciamentum surgo crastinus decens. Angulus ustulo varius velociter tenax verbum conventus amicitia. Trepide uterque utique vitae undique. Valeo sordeo candidus spiculum decumbo. Clementia barba video casso. Pecco subnecto fugit thesis. Demergo campana vulgo attonbitus pecus defaeco tres suspendo possimus contigo. Civitas totam tener adfero voluptates commodo vallum odio. Comprehendo coepi depulso adipisci laborum curriculum.

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