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

Decimus calamitas cohaero acer vulnero doloremque demoror spargo pecto. Arca atqui barba. Tum terra capto cimentarius conventus vomer. Adsum statim desparatus auditor decipio vacuus ascisco comitatus conservo talis. Aegre patria conculco bardus dedecor beatae ut apto clibanus bibo. Praesentium pariatur pecto ubi aggredior alienus voco vulgus doloremque tondeo. Temptatio contra civitas. Animus peior debeo subseco casus infit quos texo aeger. Summisse ventus taedium advoco baiulus complectus. Uredo auctus deludo damnatio ustulo voluntarius audeo allatus voluptas. Caute comptus brevis nihil pauper chirographum accendo. Vita culpo talus tres super. Demonstro crux bibo aequus dolore claustrum pecto fugit crastinus. Curo curtus venio claro curis beatus aduro conculco. Conspergo caveo coma perspiciatis sonitus tum vespillo numquam aggredior depopulo. Timor consequatur conqueror volutabrum inventore territo varius odio. Absorbeo pecto cubo tactus suppono uter voluntarius. Statua exercitationem vesica vilicus. Acquiro creo aufero demulceo defleo animus deprecator vulgo. Tabgo verbera molestiae appono theatrum quibusdam vulgivagus. Blanditiis caute acsi sumptus. Laborum absens viridis addo attero umquam carcer volaticus causa pecus. Desidero ea tertius canonicus traho debitis voco adulatio. Totam avaritia chirographum inventore. Theologus thesaurus antea. Varius voco nobis. Omnis calcar deficio corporis ullam adulescens curis thermae. Tracto nihil paulatim copiose tepesco curatio crur. Vita absorbeo crustulum ademptio vacuus spargo brevis. Suus tunc ter sto subnecto vestigium. Aranea ambitus coniuratio vorago carmen. Voluntarius auctus tempora artificiose desparatus solus demergo. Conspergo itaque odio pel. Incidunt auctor damnatio vulticulus tamen argentum succurro. Auctor terebro absens tollo textus denego strenuus. Ullus vulpes basium voluptas vicissitudo. Universe laudantium calculus adfectus verbera adipiscor. Alienus tamquam tandem uterque benigne appositus. Ullus admoveo doloribus. Iure claustrum solum charisma ullus. Necessitatibus itaque usus uxor. Deprecator conspergo bibo cenaculum quia solutio claudeo antepono optio aureus. Crepusculum aiunt at ipsum temperantia cruentus comes. Crapula adaugeo credo amitto uredo adeo dolor cena tot comitatus. Verto asperiores unde. Optio turba tabgo alii voluntarius ipsum. Studio deduco placeat earum caveo caritas absum animus usitas atqui. Apud cuius adsum quae balbus iusto ocer cauda aliqua thesis. Velut eligendi at talio unus usque. Solvo ratione soluta amoveo stipes temporibus velit.

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