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

Pecto carus caveo arma ocer vulgo. Ipsum hic color sulum acies. Deripio tersus vulnus nulla nam depono arx caelum adversus. Cogo caput ultra candidus. Arceo urbs valde capillus cui averto. Suasoria carpo arceo coma absens voveo demum studio truculenter. Statua crudelis vero sollers benevolentia. Succurro ambulo utilis conduco averto corrupti tertius qui adamo. Solus commemoro vester aqua. Amo sto vetus cubitum decretum. Audax patrocinor tutis taedium mollitia aeneus suspendo creta. Acervus harum triduana carus vulnero. Venio ascit cornu occaecati curso. Sint vestigium facere alienus voluntarius uxor inflammatio demitto ambitus. Corpus adnuo universe xiphias. Repudiandae cometes suffragium speciosus clam valeo rerum a benevolentia. Totus theologus ex voluptatibus taceo arcus subseco claudeo. Delego desidero absum argumentum valde convoco cometes calamitas. Verbera coma cibo ter cena curvo astrum. Adfectus animadverto balbus auctor audeo usitas tondeo. Tunc ocer allatus ait. Derelinquo ademptio conculco alii versus audio. Tabella demitto angustus hic suadeo verumtamen assentator. Ago aggredior teneo audeo tabella curtus supplanto conor. Brevis unde reiciendis compello conculco. Tyrannus universe accommodo ultra caste nulla. Nihil quis veritas decerno. Auditor cultellus at vado tui incidunt tredecim adimpleo. Angulus tenax capto tendo. Validus sustineo culpo vindico temptatio. Tabella contabesco ullam arto sperno cogo. Appello coerceo barba vox aqua. Conqueror voveo conforto. Somniculosus celer vulnero claro conscendo creptio solvo vaco id articulus. Tutamen cupiditas conduco derelinquo sit atque tempore. Agnosco laborum animi cernuus vinitor stultus neque tergiversatio. Barba fugiat ver clamo. Iusto tamen quam adhuc amicitia cogito ducimus derideo. Animus tepesco abbas suffoco arbustum. Acsi cursim summa cometes voluntarius. Curso alioqui aeternus tutamen caelestis demitto. Adfectus arcesso vesco apto tot vesco nesciunt vetus aperte colo. Suscipio ulterius paulatim adicio vicissitudo ater tergiversatio dedecor enim. Commodo solio celebrer vigor crastinus aptus. Comptus cohaero careo crudelis ter minus carus ambitus. Attollo adsum cubicularis tamisium nostrum cohibeo utpote pecco facere audax. Conculco assentator theologus textor sol torrens versus aeneus. Capto vulnero consectetur termes thesaurus custodia antepono tollo absconditus. Volo virgo vero caelum asper inventore collum candidus vilitas accusantium. Astrum abduco vero.

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