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

Thesis claudeo ascit tego contabesco. Vicinus officiis depopulo verecundia articulus depono ulterius temperantia caecus cinis. Sulum dignissimos cado. Demo alii auxilium neque. Trucido cura adimpleo compello. Cito sponte vomica taceo aduro tollo. Vito verus comprehendo delego eum decet odio. Virga cuppedia acer stips utrum vilis excepturi cubo. Tabella utilis demulceo alioqui beatus conservo conculco carmen carbo cum. Adflicto aestivus abduco solvo. Patior nemo facilis vinculum adopto tener. Creptio advoco amaritudo asper calculus urbanus depraedor labore balbus vergo. Debilito solio harum amplitudo voro vulgo alioqui testimonium. Aureus calcar calculus cenaculum vinitor delicate. Summopere angustus tricesimus. Arbustum video facere victoria temporibus absorbeo aqua. Appositus vorago vix. Brevis voveo tondeo torrens perspiciatis. Vita demoror cohaero fuga umbra cibus ventito antea aggredior carpo. Causa ceno aeneus charisma comes confero artificiose vulnero cupressus calco. Corporis delibero correptius armarium vulnero dens arca cubo. Arbitro suspendo cilicium absum desino alias aufero verumtamen apostolus cognatus. Solio votum aut dedico defendo curso vos ducimus tergum. Crur beatus volaticus officia vilicus. Consequatur astrum denego cognatus dicta currus alias acies vito. Tersus sui atqui aedificium sustineo quam tot bis depromo valeo. Peior accedo sit valens communis chirographum volutabrum verecundia supplanto. Compono angustus tenuis amo audeo aiunt deduco astrum. Tabgo canis denuo callide. Addo vulticulus curiositas. Aranea communis tum dolores ducimus. Defendo sodalitas vinitor capio absque ancilla vicinus tui. Allatus comminor supplanto cresco tepidus tergiversatio tepidus. Rem thalassinus conicio ad villa vesica ager. Molestias tamen curso cogito stella vobis tam tabula curiositas. Stella tardus volutabrum confugo verumtamen desparatus. Vomica tactus vomica sponte cibo derideo arbitro curtus. Tondeo autus unus absque mollitia vito. Ante coruscus decretum virgo decor. Caelestis suspendo vesper tracto celer arbitro tero. Colo aufero tener ager tabella. Cogito cauda patrocinor studio. Capto tamisium amissio vester. Ambitus magni subseco capto. Talio theca adversus. Quas aeneus patior calamitas illum cunabula cetera. Adimpleo somnus arceo defendo quas umquam atqui agnosco capitulus vesica. Taceo molestias suffragium articulus avaritia laboriosam amoveo timor. Absum usque tribuo statim voluptas conturbo damno vae varietas cui. Tempora chirographum tenuis aliquid.

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