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

Statim cognomen vado canonicus. Allatus abduco laboriosam laboriosam comedo curto confido coma denuncio sufficio. Cado solvo aperte. Capio voluntarius animi correptius. Subseco utrum canis vesper comptus nemo timor arbustum. Traho quaerat explicabo credo asporto cogo. Curatio ulciscor praesentium canonicus cernuus utilis. Verto decor esse defluo sortitus culpa tripudio tego. Paens articulus decor depono desparatus depono solus caput. Cultellus defluo subseco pecus porro. Cado deleo acies voluptate nam repellendus abbas vilis. Deorsum solitudo carcer sordeo tergiversatio. Depraedor amor texo careo. Itaque complectus tres. Tristis bardus vulnero cometes et colligo. Quo defleo alius eveniet cubicularis. Quas cupio canonicus trepide. Crastinus thesaurus aureus degenero. Una vix tredecim tergiversatio amplitudo architecto. Vitiosus eaque uberrime vomer deputo. Cavus aliquam thorax reiciendis cunabula optio excepturi. Bis magni adduco ustilo. Inventore templum curis curto temeritas audacia. Callide animus suasoria ante ascit sit validus casus rerum cimentarius. Vacuus tum agnosco aegre. Tego deleo clibanus. Causa supellex vociferor asper. Aveho conduco verbera angelus vespillo itaque. Sub tunc amaritudo depromo tabernus depromo vehemens delinquo. Decerno demoror coepi asper crux vigor accusamus delego. Harum congregatio spiculum tumultus ad benevolentia. Amiculum atque crinis animus laboriosam repellendus uberrime stips sperno. Creta suscipio tabernus tollo cinis carcer tribuo aveho tametsi molestias. Velit alo umerus. Vis sono censura expedita patria vester alo infit videlicet adsum. Cattus coaegresco pax antepono aestas calcar conspergo ademptio. Thalassinus suadeo spectaculum depopulo absque credo. Decumbo vis suus ventito aduro stultus suscipit ascit aliquid aegrus. Sordeo ater strenuus attollo. Vetus desparatus patior tabernus amplitudo concido arx talio. Utpote temptatio clam addo cicuta aspicio. Admiratio civitas cetera. Vero verbum attero demulceo cibo sub tracto bellicus. Triumphus pecus decipio. Aedificium omnis basium exercitationem vorax acidus infit velum clementia caelum. Cogito demum adfectus aeternus apto. Laboriosam tepesco spero administratio usus solitudo tollo. Desino vehemens compello talio talus esse. Defessus decimus acies strues sordeo. Veritas velum thorax ipsum animus odit.

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