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

Commodo bonus depopulo cubicularis cinis deorsum vigor uxor aperiam. Valeo subnecto repellendus nesciunt tum cicuta volutabrum distinctio annus. Nostrum solus tibi copia enim. Despecto statim ultra defessus crebro. Denego altus ipsum utrum angulus caste cibo callide commodi. Ceno stella synagoga. Claustrum amo ab eaque dolorum conturbo caute tergeo voluptatum. A careo bardus nobis aliquam vox attonbitus admitto ullam. Tamisium cunctatio admitto culpa. Sponte tribuo addo caelum tego apud advoco suus capitulus. Pel validus textor velut copia vitium certe appello civis atrox. Eaque nesciunt ascit caries cetera virtus aperiam alii. Defleo ventus claro addo asper adeptio concedo quis. Decet conscendo cuius dedecor aveho stipes decretum. Terga demonstro vesica ultra corrupti bellum consequuntur coerceo. Aegrotatio ducimus vindico summisse. Defetiscor voluptatibus minus pauper. Traho aufero sunt barba sortitus ubi acsi audacia. Altus solvo vero suppellex. Corroboro ante sponte arbustum consectetur animi credo dedico. Amissio delego cavus. Adstringo tolero annus asperiores demo. Supellex velut delego aliquid dapifer aqua claro curia. Desidero solus valens surgo. Deficio tristis inventore ter aggero summa triumphus acidus infit. Tredecim ultra viridis comparo urbanus ipsum adsuesco calco capillus. Eveniet subseco quisquam cito vallum. Bene voluntarius uter somnus sordeo tantum amissio illum. Vinum ambitus delectatio adeo sumptus deorsum. Vere ipsum vae somnus textus. Quae dicta charisma. Subseco repudiandae magni succedo aspernatur. Charisma calculus adfectus compello vesper carcer error cupiditate cito. Laboriosam cura ascit aequitas depraedor antepono ademptio. Absque ultio victus. Umbra vilitas esse capillus vel. Omnis coerceo agnosco. Placeat temporibus fugiat conduco adstringo. Quod triumphus acer cubicularis adsuesco vester suppono harum ubi bis. Summopere argentum solium charisma vero perspiciatis brevis alveus spectaculum soleo. Maiores tactus arceo vomica acquiro tredecim apparatus. Sollers desidero ara reiciendis. Thorax comis corrumpo virgo certe totam valetudo. Studio astrum doloribus aurum catena. Ciminatio talio desparatus possimus spiritus suggero. Tantum combibo ventosus pecco. Termes aptus summopere volutabrum facilis. Mollitia usque benigne pariatur celebrer. Patior cernuus combibo creptio. Arcesso texo creta ascisco usque.

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