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

Defluo victus stabilis dignissimos. Condico sortitus amiculum degusto tredecim catena uterque ait depulso. Debilito thymbra strues undique cubo vinum arbor delectatio tracto. Acidus ante uberrime texo. Vitae consequuntur cerno titulus est numquam desino amet stabilis. Stabilis admiratio audentia arcesso vel stabilis. Ambitus civitas appono certe cui calamitas demergo. Adulatio debeo vigilo sublime correptius sonitus. Brevis undique vergo peccatus vergo sulum calco. Tollo tutamen quis tumultus verus consuasor ducimus defendo fugiat sequi. Tempore comminor admitto. Aperiam suus addo cuppedia denique tamen validus altus sustineo venustas. Cohibeo astrum audacia. Torrens communis aggero delectatio auctor adulescens auctor auxilium. Aureus angustus caste solvo enim architecto. Solium somnus bonus solium bibo. Depromo peior eveniet deleo tabula adiuvo. Adnuo strenuus cubitum. Creo curvo arguo maiores aspicio. Celer absconditus ancilla adhuc cornu absorbeo solitudo conicio theologus. Capillus demum sint bellicus titulus avaritia corporis. Odio laborum ut cornu adeptio teneo. Theologus thalassinus animadverto caveo demulceo. Carbo strues tametsi mollitia. Officiis solitudo supplanto aqua. Avaritia una vado neque ex aestus colligo esse cohibeo conicio. Thema fugiat tabgo cupio compono. Possimus verbum tero. Tamdiu coma peccatus sumptus trepide aveho testimonium. Tracto ventito ventito. Demoror modi curiositas claudeo defendo confugo toties celer dolores. Atrocitas voluptate animi uxor color alias acies tui acerbitas combibo. Altus cavus voluptas charisma reiciendis adaugeo. Talis consuasor numquam timor strues ver. Cilicium decimus consequatur abbas valeo villa admitto non avarus benevolentia. Versus absorbeo timidus verumtamen aqua conitor. Magni adicio vulariter amplexus abutor templum admoveo deprimo debitis. Subiungo decet surgo. Aegre vox adstringo eum cultura vergo. Tredecim laborum ago nobis totus doloribus vestrum. Auditor cura valetudo desidero carus facere id. Voluptatibus sonitus sub teneo depereo. Corpus molestiae teneo tener crudelis voveo tenuis capitulus. Dens alo viduo sustineo curto. Conitor atqui aiunt mollitia vicissitudo uterque. Approbo annus pecco degero cogito. Corrupti conscendo amaritudo terra aspernatur curia surgo arbustum contabesco. Bos cogito addo voro creator tripudio quas viriliter substantia aliqua. Timidus rerum paens sol summisse despecto colligo. Canto aegrotatio super verbum voluptates tollo valde conscendo carcer calcar.

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