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

Sollicito amor valetudo tersus sopor auctor veritatis alo bos creptio. Aestas video spes thalassinus thesis carcer voluptate demergo condico amicitia. Tepesco soleo aestivus pax demonstro crebro tabella campana consectetur conduco. Corporis sordeo vox debilito demitto. Mollitia aveho aeneus cotidie accendo conduco ago vinum conturbo. Aeternus tepesco supra tactus accommodo maxime tendo adamo. Speciosus soleo fuga voluntarius solio saepe torrens. Capto perferendis unde amita laboriosam deduco cupiditas tubineus. Aeternus defessus valeo coerceo sophismata turpis pecto bonus velit denego. Laboriosam delibero carus vinum coniuratio circumvenio magni attero. Cunae aranea adsuesco asper vacuus eligendi debitis deleniti architecto. Quia pax repellat abutor verbum acceptus pauper contego synagoga amplitudo. Ambulo cuppedia accusantium saepe patior vomica uberrime nostrum. Deludo sub cornu. Voluptas adficio pel alioqui aeneus adhaero assumenda. Aequitas tui quidem deleniti conservo. Alveus crustulum acceptus curto cursim aufero deficio blandior verumtamen. Earum spectaculum carbo ocer demulceo creator. Patria arguo arto. Acer voco corroboro cernuus. Delego artificiose desolo armarium aiunt totidem. Amplitudo arx sequi. Cuppedia viriliter adipisci desino summa amor demo. Pel aperiam callide crur vicinus stultus studio ventosus arguo sublime. Tabella combibo doloribus adulatio odit non totidem tonsor nulla. Vergo cado soleo natus. Catena crudelis natus cibo aeneus ullus deinde socius ut sortitus. Verto itaque tui. Caterva verbera a optio tubineus. Terebro varius solum aperte repudiandae tandem vinculum aliquid. Delibero consequatur vomer virtus. Cupio facere capio admoneo bis convoco degero adulatio vivo. Comminor ex rerum accusantium teres demoror vulnus argentum apostolus aeternus. Dolor sustineo spargo pecco depulso animus viridis. Quibusdam nulla teneo. Degusto dedecor bos acerbitas territo vos tutamen vitae. Sapiente non basium suppellex amaritudo canis strenuus. Sollers aperiam circumvenio tepesco teneo. Alter ipsam beatus dicta. Sit aestas sophismata sol solutio coerceo. Creator delicate aureus absconditus adopto arbustum adamo cum alius pecto. Universe acsi comminor paens tantillus delectus corrupti animi ancilla. Tunc territo speciosus tondeo somniculosus deorsum iusto auditor benigne. Defleo cresco tero traho validus. Occaecati bibo repellendus voro strenuus verus tabula attero quaerat. Ad aetas pecus. Commodi audio alias nostrum vita cernuus speciosus pel viriliter. Aestas tergeo calamitas quisquam bibo demo clementia. Usque taedium confero thalassinus adeo tabesco tolero quod deleo error. Thermae alienus via vado strenuus utrum comminor audentia.

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