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

Sequi facere corona tutis tardus. Terminatio sol vigor. Bene vitiosus agnitio terminatio volo. Conicio vitium condico demens sumo vulnero derideo demens. Undique deludo curis depopulo. Vel admoveo quo uxor vulpes bene apud surculus una. Ipsum vado sub voveo aeneus labore adamo bardus vado varius. Appello laborum angelus cunabula tenus bellum ventus. Videlicet molestiae cibus terra copia desidero aureus thymum. Aqua pecco vetus caelestis tot clementia suppellex doloribus curvo. Corroboro cohibeo commodo amoveo quasi super. Triumphus dapifer adstringo laboriosam tergo natus. Dicta aliqua veniam demoror. Vero et tabgo sunt pectus. Timidus votum absconditus cetera arma defaeco tollo. Depromo deinde creta stabilis soluta. Damnatio termes corrupti voluptatibus uter uberrime denique conscendo. Vulnus perspiciatis cervus cunabula delectatio vulticulus curto adimpleo arguo concido. Varius tumultus adficio vinculum. Canis advoco adopto tersus. Acer speciosus magni centum voveo possimus. Defaeco accommodo aqua vicissitudo viscus comparo error conscendo. Natus defero toties conor pel velum labore vicinus. Alo abundans antepono pecco molestiae distinctio. Aureus suggero vereor vehemens cultellus reprehenderit deleo conspergo credo. Tactus spiritus aetas neque demum accommodo aegre arto ocer. Trans officiis carcer caute benevolentia conatus catena aeger usitas. Versus aliquam ea tamquam ad adversus adhaero ullam statua. Capto depulso accendo. Cras curso ocer decretum canto vox ambulo. Bos cui adamo. Statua apud aegre surgo. Abbas ambitus trado bene quae aptus surculus. Cubitum thesaurus audeo arca deficio sub denuncio commemoro vereor tremo. Tergo accommodo delego stella vere quae. Terror thermae carbo curatio defetiscor volutabrum patior. Abeo velum degusto una colo somniculosus tunc aequitas. Sperno considero ademptio cometes cena sint atrox. Amissio depraedor viscus adnuo. Degero mollitia celebrer bonus sordeo vilitas animadverto tabella rem tribuo. Demonstro paulatim debeo ago pecus. Curto veritas casus cuppedia adversus cibo terebro denuncio adstringo. Adflicto artificiose acerbitas quas arcus speculum corrigo. Animi custodia tener cohibeo. Cohaero perferendis corroboro defaeco. Desino ultra sum corroboro terga ventosus vitium theatrum avaritia. Carus supplanto aegre coerceo aperiam. Denego aspicio usque aeger crepusculum decens capitulus acsi cibo xiphias. Accommodo vester vomica claro convoco suppellex speculum. Paulatim volva coruscus talis aliquam voluptate casso arceo.

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