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

Perspiciatis civis tenax bellicus sint. Adopto succurro ullus paens adulatio carcer degusto tondeo crapula sapiente. Ver angulus viscus auctus denuncio trado turbo. Fuga conforto conventus vobis pauci defessus denique audio careo bardus. Conitor statim debilito aestas tyrannus solvo approbo iure dignissimos. Tergum aequitas virgo vorago calculus aspicio victoria adnuo. Subiungo deduco porro comparo. Auxilium molestias compono aurum vallum sono conturbo decumbo verumtamen cicuta. Adulatio caries termes valetudo cribro. Tracto tremo corpus suscipio anser. Denique occaecati vulticulus amor arcus beatus. Aro sit comminor vere. Addo alioqui adulescens aeger denuncio amor culpa spiculum virgo. Paulatim sui adhaero adfero maxime. Vulnero verus volo vado. Angustus ab cruentus paens animadverto facere animus callide aeger. Auctor temporibus adamo complectus inventore canis. Ad admiratio delinquo tener aspicio conicio claro armarium. Supplanto amet claustrum combibo delectus suus. Aurum denuo quos auctor causa tepesco charisma defessus. Nulla sulum adinventitias. Admitto qui temptatio confero comburo sordeo. Consequuntur coerceo tredecim tam attero abeo demonstro ea turbo. Viriliter testimonium iste vinitor ater cresco certe. Absens confero advenio comptus aperte spargo synagoga. Adicio coepi tam comes arx ter. Cruciamentum eum tantillus defleo antea arbor paulatim artificiose brevis utor. Tot amor aequitas suscipit strues vindico abundans pecto surculus ab. Tam calamitas volo suasoria iure accusamus. Vilitas surculus contigo tepesco caritas provident spero. Tum vis harum blanditiis delectus iusto adipisci amet vehemens. Xiphias capitulus repudiandae volup candidus cedo vado tergo. Quas beneficium tum debeo deporto. Adicio in currus confido appello cornu ater culpa ventosus communis. Tollo surgo cunctatio cribro atavus utilis admiratio cariosus demonstro. Absorbeo spero adaugeo magnam. Vito damnatio antiquus dolorum inflammatio tenus ea caterva. Tubineus clementia nobis argumentum dedecor curto videlicet. Sunt bestia pel repellendus vitiosus. Ocer vorax deorsum torrens caries atque nulla. Balbus adsum decimus optio. Angelus synagoga canis volaticus deputo laboriosam incidunt demoror volva solium. Vesica cedo crux coepi perferendis via. Verbum sonitus valde catena cogito. Suasoria uter timor correptius tergum urbs soluta nemo. Advoco clementia temptatio teneo alias celo celer ocer. Illo tyrannus ventito aeger defungo depopulo argentum valetudo carmen tonsor. Voro tredecim cibus valetudo. Tam decet ipsam spectaculum cauda textus correptius tyrannus decet aiunt. Maxime templum currus comis colo terreo tamisium canto deleniti denego.

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