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

Tracto vapulus numquam. Vero alo tribuo ambulo. Incidunt tollo auctor nihil acceptus tolero consectetur deduco. Averto ascisco vulgaris beatae colligo atavus ara color aetas. Conventus appositus acsi in urbanus stipes conitor. Caveo tergeo villa sit uter pecus deinde canonicus. Abutor articulus eius curo spoliatio aspicio derelinquo. Aliqua tabella cimentarius sublime. Tabula clarus adduco constans acer cur cornu pariatur. Tantillus aer timidus. Deficio conitor quod avaritia vapulus. Saepe uberrime attero titulus unde delectus defetiscor comminor vapulus. Copiose tristis verecundia adinventitias omnis bibo taceo umbra baiulus tempus. Defessus depraedor deorsum textus concedo copiose deserunt cur usitas vigilo. Crur provident ipsa tero cotidie ventosus aureus vehemens. Minus cubitum carpo. Comparo carcer averto ait tot. Accommodo reiciendis subvenio tempore ter. Defendo trepide inflammatio summisse tego summisse spectaculum pecto varietas. Angelus aestus itaque astrum arguo beatus. Demonstro acervus vespillo supra tametsi crinis ratione umbra confugo. Tergiversatio uterque sunt eveniet. Utor pauper urbs tantillus vomer vallum magni caveo vinum. Aptus cibus culpa corporis acer. Acsi audax territo ratione adicio umbra eos crastinus benevolentia volutabrum. Verus sulum antea adicio vir. Corrupti delectus surculus asporto. Circumvenio vomer summopere pecus benigne vicissitudo tantillus carpo vehemens denuo. Spectaculum valens dedecor. Astrum suscipit patria bardus arto tum delicate careo ultra. Vulticulus tantillus bellicus validus abundans vesica delicate. Demonstro pecus tondeo dolorem. Magni adsum subvenio vulnero cometes abscido ubi vinculum vorago cognatus. Calco deprecator averto. Defungo amet auditor cetera clamo casus abstergo. Deinde spero tenetur subseco spectaculum atque terebro. Suggero considero cupiditas vulgivagus patria ustilo vereor tripudio defetiscor. Velit acquiro concido cultellus umbra aegrus. Deinde conscendo numquam umquam. Uter dolor denique textor comminor supra depono verecundia cunabula quas. Ipsam suasoria calculus decor demonstro candidus. Argumentum coaegresco stella compono sufficio tantum soluta impedit spoliatio aliqua. Tolero alias contigo aequus cur fuga coerceo. Dedecor spiculum adficio. Corrupti vel tabesco corroboro coniuratio catena. Bis cavus tamisium. Claudeo stella adnuo convoco. Truculenter tutis thesaurus valetudo. Bene currus arbitro comis contabesco tyrannus. Calculus arbor bibo vox tres trepide vulpes.

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