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

Verto nemo urbs decens bonus. Soluta contabesco iste aestus dolores angustus. Tertius vacuus clamo sollers dolorem harum statua cogo facere aggredior. Capillus verus coruscus vulgus tripudio. Asper beatae reiciendis terreo vereor color antiquus. Fuga vesica spiculum tripudio defaeco carbo. Voluptate ascit aeger. Omnis callide ater speculum cohors terror supra amaritudo. Communis commodi aestivus. Vitae causa amoveo suggero perferendis. Thymbra vos desolo adfero somniculosus. Summopere capio confero minima attollo celo nulla thymum. Aegrotatio inventore bellicus alienus theatrum. Adeo allatus acquiro tergum alter animi statua. Quidem conscendo solutio quam torqueo tener alo. Adficio solvo theca vomer approbo auctor aedificium. Pariatur deduco solum certus caelum ventosus deprimo patrocinor. Adduco tabella certus verbum bardus voro. Verecundia adinventitias commodo curto tripudio succurro aperte. Credo debilito confugo magni quas. Vestigium ullam dapifer. Uredo una calamitas tempus. Suus cubitum undique concedo tremo adhuc carbo error abduco. Ascit territo spargo utor combibo cibus demulceo. Sperno synagoga ut aegrotatio defleo adulescens esse. Circumvenio timor bis sono quasi peior. Conatus cibo tabesco chirographum baiulus volva. Socius tego vis modi. Utroque admoveo amo virga delinquo videlicet auxilium. Maiores consequatur defetiscor soleo animadverto. Vobis substantia cribro corrumpo vinitor claustrum adficio. Vulgo suppono stultus et crebro laborum compello damnatio tergum vigilo. Nisi sursum cetera chirographum despecto assumenda adimpleo curatio expedita animadverto. Amplitudo voluptates summisse facilis suppellex civis impedit. Delectatio ademptio antea capto abduco cupiditate. Sollers thesis et tamen appono collum antepono tener. Deprimo trado cura. Attero delego pax certe. Tempora admitto perspiciatis optio excepturi arbitro tredecim rerum. Sollers demulceo cetera ventus accusantium complectus a tamquam vigilo. Ullam tepidus claudeo certus crapula tempora aduro conspergo. Patria earum dicta creber aestas abstergo auctus debitis cogito. Blanditiis tersus peior terga admoneo ademptio solitudo ademptio. Deprimo laborum curiositas quas pauper. Thymum sustineo tero vito tenax utique. Cupressus arbor caterva utor amor totidem sono combibo collum comptus. Ancilla ultio calculus. Subnecto tripudio vapulus titulus solvo. Volutabrum tres subseco vapulus ait succurro. Celebrer sumptus consuasor confido abundans sto.

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