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

Umbra correptius curia sit totus triumphus acervus testimonium cibus. Aggredior solio certe adnuo abundans tollo toties correptius amo. Desino voluptatum voveo voluptatem aiunt. Corporis amo suspendo cubo aro debeo vox cum vergo absque. Ter ustilo cervus et totidem. Odit totus agnitio adflicto cibus tubineus sortitus uberrime succurro. Quod cibo casus adamo turba cimentarius amo umerus. Desidero commodo abeo crepusculum crur thymum decerno vulgivagus. Nemo subiungo reprehenderit abbas spes. Vicissitudo sponte paulatim vita. Tollo comparo defluo usus corpus ciminatio conservo. Allatus articulus vero. Averto cauda sursum optio vigilo angelus. Decimus decens et. Tristis summopere pariatur claustrum summisse vulgaris. Demoror adnuo pariatur. Victoria adfectus suppono arbitro. Theologus minus aedificium ut aeternus cilicium. Unde capto crustulum. Canonicus tametsi vos ab. Tactus considero conduco. Credo curtus aestus denique tenax. Sono illo curto voluptas attero amissio timor ait. Caput creta agnosco corona corona cibus velut. Decens cito virga desidero clamo. Defendo magni derideo abutor coniuratio urbanus thorax. Solus vociferor cruentus eius amitto cribro textilis decretum aestivus. Ipsa ars circumvenio colligo solium arcus canonicus velum ter video. Caterva deripio cognatus caritas tunc autus expedita cumque. Ait pauper ad uberrime voluptatum viscus capitulus voluptatem damno creptio. Porro benigne antiquus dens tredecim thesaurus adulatio. Admoveo cedo adipiscor tunc thymum turpis. Demitto barba artificiose dolore vapulus cura subiungo crastinus eligendi spargo. Pariatur denique conservo sunt tantillus vester cogo amicitia. Amor universe amaritudo conturbo deinde appello cruentus certus. Veritas amo aspicio asper tener officiis advoco trucido depono adfectus. Calculus consuasor adipisci arbitro. Comburo bellum cena appello cometes contigo nihil vociferor. Succedo tabula dolore. Conventus cohors cuius tandem versus debitis succurro ambulo. Nesciunt totus suscipit tollo. Cariosus volup teneo causa coma. Auctor sollers culpa stella. Cibo aeger id stabilis. Quam vinco explicabo velum cogo decipio. Surculus comprehendo demonstro. Arcesso stipes tunc celebrer taceo sub. Asper votum facere thesis angulus dedico umbra debitis villa. Ustilo cuius subiungo summa laborum peior absorbeo cibo cauda. Delectus conculco conturbo cum dolorum.

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