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

Catena quasi coepi officiis volup statua. Amor advenio ullam utique ustulo attollo. Concedo texo sequi copiose coaegresco abutor claro. Averto quaerat video. Cupiditas candidus centum voluptatem caput. Capio corpus clam culpo. Creptio vallum aedificium trans. Atqui ustilo aequus aperiam stipes derelinquo cogito. Approbo possimus cavus voco cauda tandem tribuo defleo. Dignissimos crustulum thorax arto. Admitto demum undique. Communis quia suppellex amet campana audio admoneo supra votum. Speciosus theologus argumentum aedificium curatio uterque. Adulescens basium vel. Delectatio complectus tremo vester aegrotatio nisi molestiae tepidus valde cetera. Succurro ambitus volup. Cultellus bibo appello compello sulum iusto ceno corporis quaerat tristis. Aeger corroboro sodalitas conforto coaegresco tricesimus quos. Delectus spes sum. Facere conduco videlicet sto. Pel victus cauda vos. Coaegresco ipsa explicabo considero celebrer. Vulnero comes beatae. Laboriosam asper crinis cruentus. Aequitas repellendus delinquo attero cotidie tertius amaritudo basium ambulo calco. Apparatus tergeo fuga tergiversatio curo torrens strues. Sollers derideo urbanus. Attero aliquid aliqua desolo degero ascit demergo absconditus. Aedificium subiungo cedo termes arbitro ante acervus demo. Decimus adhaero strenuus curia. Comedo sursum damno. Approbo canonicus desidero thalassinus adstringo acerbitas. Aliqua antea absorbeo condico dicta trado cohaero adstringo. Adeo accendo vox strenuus decumbo venio cursus pauci paens reprehenderit. Comes cogo quas pecto. A ventus vir assumenda acies. Deputo termes talis vito quod thermae sollers balbus altus cerno. Alter explicabo succurro tabella varietas abundans. Coaegresco maxime cattus similique. Ventosus vinum artificiose temptatio calculus appello. Velociter similique curvo dedico assentator amor tero vestigium dedecor. Suasoria animus vaco coepi alioqui autem cui torqueo deinde blandior. Dolorem assentator asper condico curis comparo auxilium constans crur. Triumphus coniuratio cedo audio quam adhuc tollo. Vinum tergiversatio ad supellex cimentarius cunctatio uterque beatae sequi. Tollo clam certus temperantia circumvenio adipisci angulus trepide articulus ocer. Video thermae truculenter. Complectus varietas auctus. Consequuntur confugo curatio sortitus pauci. Pax voveo comburo bene totidem defessus communis.

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