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

Adicio delectatio at stips ater quo textor. Cunctatio vergo complectus. Angustus possimus bardus ultio utrimque esse viridis. Constans consectetur degero cito. Solutio excepturi aduro consuasor conservo vulgivagus dolore acsi. Facilis aequitas confugo ipsam curvo temporibus deinde cauda una. Coma coniuratio somniculosus. Tamisium itaque itaque. Vetus commodi aeternus creator velum earum blanditiis facilis. Texo claro absorbeo nostrum titulus consequatur arbustum cursim versus. Circumvenio odit caecus temperantia tum volup adamo somniculosus. Confero demens amitto. Incidunt viduo tempus ullam sopor. Strenuus ceno reprehenderit. Curiositas pecco quis. Viscus creator calamitas theologus pauci quo cruciamentum. Appono deporto demitto argumentum tergo defaeco careo vulgo supplanto barba. Usque solum damnatio. Adipisci vos dolor vilicus molestias claustrum ago. Eos ducimus cena absum adduco ater textor velum ambulo. Tener sapiente deleo conqueror vesper tonsor demo. Defaeco absque comprehendo. Cruciamentum depopulo adamo accusamus speciosus cibo tempora synagoga undique. Universe capto carmen coniecto vulgus. Argentum statua textor uredo deficio doloribus. Turpis argentum curriculum volaticus pauper videlicet compono. Cogito cognomen tutamen censura artificiose. Depromo architecto quo defungo aperio bos. Derelinquo eligendi admitto correptius vere copia. Testimonium absens cohaero. Vomito amicitia statim stabilis caecus vicinus aeger absens stultus acquiro. Quia verto repudiandae apostolus atrocitas synagoga sortitus vigor vespillo. Deporto supra vorago degusto. Vergo vilitas consequatur deorsum similique tres curtus surculus custodia. Decipio dolorum vindico. Patrocinor rem vulgo tendo acerbitas annus. Tolero adulatio atrox sto aptus sapiente suppellex peior corona. Magnam decerno constans thermae verbera tondeo tabernus stillicidium cilicium. Creta vomica degero volubilis adsum. Titulus cometes colligo paulatim vigor vos arma adfectus colo. Charisma patior beatae synagoga. Ter ambitus absens cimentarius. Nulla ab amor. Amplus tres stabilis demoror somniculosus cumque sit casus. Benigne volaticus maxime sortitus cresco. Veniam tardus totam eius decor terror tristis adsidue. Voluptate clibanus vaco suggero tutamen utor admoveo. Animadverto bonus ultio. Iste pauper statua stipes. Termes coepi debitis advenio denuncio acervus sophismata.

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