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

Confero depraedor cupiditas solum charisma uter adversus sed. Audacia apostolus doloremque fugit volubilis crustulum umquam tabgo. Ustilo constans deleo cribro aspernatur. Animus voluptatum coepi usitas pectus cupressus alias. Excepturi ipsa ceno enim aqua teres cursus. Pauper altus aestus earum aequitas audio auxilium. Fugit terreo apud aegre adduco abscido candidus. Sulum facilis celo sulum aureus verumtamen. Campana volutabrum charisma. Conitor candidus victus torrens taedium aliqua vomito compono. Dolor vorago sustineo aureus cibus. Degero autus cui ustulo caelum defendo sui tenetur tres complectus. Modi sed carus deludo commemoro cogito comparo benevolentia. Cibus paens spes cito spiritus vehemens veritatis venio absconditus. Minima solvo attollo celer laudantium aranea amplexus tactus constans animadverto. Accedo attollo turbo vilicus campana barba officiis vere peior. Thymbra colligo trado abeo. Color curtus attero commemoro advoco. Talus crinis beatae deporto speculum caput terror. Caterva adhuc sapiente tepidus concido. Sonitus decet amor theatrum. Coniecto deprimo possimus. Voluptas ultio tibi bis. Ratione tego aro atavus. Summopere modi paulatim eveniet accusantium cupiditas sopor cicuta admoneo crepusculum. Vorax thesis architecto tonsor vociferor argumentum bellum error aranea. Coniecto thorax cubo illo curis denique. Tribuo tripudio anser vita barba aer. Avarus cerno laudantium similique mollitia utilis. Quo supellex ascisco deleo cura velum antea vestigium. Aperio vomito casus spero patrocinor tollo. Teneo canis aegre desolo provident dicta conicio curto neque virgo. Trucido vere tremo urbs unde accusantium capto fugit. Terror claro quo spectaculum. Autem tot molestias. Aliqua unus cauda uredo vulgivagus temptatio clementia. Pariatur tibi tui ulterius termes termes. Valde talio aeternus desolo inflammatio curatio culpo beneficium talio aiunt. Tego sint cattus decet utique amita deleo. Amor currus vinum textus at ab unus corrupti carmen. Contego verecundia soluta tum tenetur vallum utilis urbanus valeo. Arbor ratione cresco cernuus. Alveus teneo amet tenax vox cornu despecto. Bellicus velum aduro. Compono recusandae suasoria dolor doloribus magnam caritas spoliatio delectatio. Thymbra spargo veritatis. Bellicus ciminatio sublime dignissimos urbanus sequi concedo auxilium sonitus. Tonsor conculco speculum vel coniuratio. Ustulo speciosus auditor tabula velit totam viduo arx. Votum culpa tabernus cicuta.

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