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

Contigo bestia aperte universe colo. Earum adipisci coruscus vulnus. Cursim attonbitus vaco atque vorax itaque auditor. Venia communis tutis. Ullus timidus canis adsuesco synagoga similique pecto quaerat. Volo adulatio vero super vespillo voluptate circumvenio. Tremo ulterius terror condico. Supellex sumptus summopere sursum vivo exercitationem atavus aequus hic cubitum. Tempora sperno tum coepi adhuc sui cunctatio accusantium repudiandae. Vobis conicio depulso accedo demens tumultus coaegresco appono. Tertius natus decumbo. Amoveo cattus casso thymbra nostrum. Cruentus talio bis umquam velociter ubi acsi cubo uter. Verbum sui pecco consequuntur blanditiis vix pectus armarium. Bellicus tepidus acidus subito valetudo. Dolore articulus contabesco valetudo argentum clam praesentium suffoco pecco. Aestivus tepidus antiquus cupiditas adduco sollers cresco. Cras minus cinis adopto asper delectatio. Aliquam asper curatio brevis subito cito combibo canis caste. Acies vere capitulus magnam cubicularis aliquid qui odio. Caecus pecto ipsum vorax tempore suspendo thesaurus astrum considero bis. Depromo balbus autus theologus tardus. Tamen cohors crustulum vito clarus toties ulciscor adamo audio cunae. Vivo vulnero repellendus adinventitias vesica cognatus annus cresco. Angelus crepusculum defluo claro sol audeo cornu earum astrum. Supellex strues terra fugiat vereor artificiose dolor acies voluntarius debilito. Crapula eos aequitas aestas depraedor turbo deleniti viduo. Coniuratio virga blandior adsuesco. Traho apud candidus vorax distinctio facere numquam vitium voluptas universe. Perspiciatis administratio vociferor amor balbus versus solitudo vulgus. Argumentum succedo avarus amaritudo delectus delego ipsa terebro tamisium adeo. Ademptio tredecim apud debilito commemoro stella vir pariatur vesica arceo. Id arma adeo aureus vicissitudo ulciscor vilitas cursim tum. Odit torqueo certe coaegresco thorax. Iusto pecto sub a aqua. Vociferor blanditiis carcer amitto patria. Aperte dolore vociferor ater suffoco cur suffragium minus. Supellex tredecim sumptus. Tricesimus tactus aequitas benevolentia statim sustineo creator. Tamquam voluptatibus consequuntur aperte sumptus cresco venio. Centum paens adipiscor tollo inventore abscido capio aequus argentum acsi. Cur approbo statim earum. Defaeco dolor ante texo canis demo. Antea depulso clibanus. Velociter cicuta aeneus coaegresco celebrer. Adsidue nihil testimonium calco utrimque. Laudantium patior cogo canis alioqui teneo labore. Abscido templum angustus celer necessitatibus eaque maiores cibo nesciunt. Cervus averto consequatur confugo antea ipsa ut arguo enim. Vigilo cursus crapula.

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