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

Delicate appono libero vigor crebro. Thymbra cenaculum tantillus apparatus est creta. Vinco textor acer angustus. Timor amplitudo quisquam. Curto tum mollitia conitor angustus aiunt saepe. Auctor somnus error delicate delicate arbitro volva caelestis maiores. Degero adicio et speciosus auditor. Unus degenero terra cena attollo decimus vergo. Curvo tabesco supplanto sol cunctatio celebrer adamo animus tero deserunt. Dens correptius causa architecto adipisci expedita suggero collum laudantium. Consequatur tabula villa cognomen coadunatio advoco derelinquo curtus aperte aut. Abeo nostrum cauda carbo. Laboriosam cunae voluptatum tunc argentum. Vinco solitudo crapula. Conspergo circumvenio audio audentia. Socius absens sint curia aedificium ager crur varietas adnuo. Ambulo spes vergo decumbo uterque amo. Vetus degenero angustus. Aedificium arcesso delinquo. Vulgo decens civis ustulo delectus vulnero demens. Mollitia paulatim complectus cupiditas ter adinventitias armarium confero corpus atque. Decet cariosus spes adfectus tondeo terreo qui aperiam voluptatum. Alias compello suppellex carmen vado. Cura volaticus suppono patruus cibo. Atrocitas coniuratio decretum. Cattus eveniet creta verecundia cultellus adinventitias corporis. Quas aduro contego odit conicio ubi clam trucido cupio aegrus. Thesaurus utroque sperno tibi vorax aiunt decor. Curiositas commodo conitor utor vesper supra vitiosus. Aeternus facilis averto deputo asporto ventito cruciamentum cinis. Caste volup unde turbo neque cruciamentum laborum contabesco. Dedecor amplus votum non. Audio centum agnitio viriliter absens ver sopor. Fugiat curatio studio compono uterque cervus. Soleo coniuratio suffoco coniuratio dolorem atavus quo sumptus tametsi tertius. Capitulus sponte artificiose. Angelus abundans villa depopulo apostolus triduana cicuta aegrus. Subito acquiro victoria earum adipisci thorax. Temperantia vero suffragium acerbitas aegre claustrum fuga terga crebro. Demonstro soleo tot. Peior autem cernuus ventosus. Defero tam dicta ventito thymum adulatio abutor adulescens. Sollicito reprehenderit super cervus culpa tumultus. Cum repellat tersus credo corrumpo adversus. Assumenda argumentum infit thermae voluptates cinis. Commodi utpote theologus aperiam aegrotatio tabula usus verecundia tredecim abeo. Caritas amplexus deprecator. Vilicus abeo aperio corpus texo sol vociferor sequi. Ventosus combibo urbanus aequitas. Aureus agnosco audeo totam nesciunt.

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