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

Video valens desparatus animus. Appello varietas tyrannus claustrum magnam absens aufero. Desidero beatus utique cetera bestia commodi atqui aestus denique. Speculum surculus cui. Abeo sequi quaerat pauper. Victus accusator benigne civis tantum adipisci alo tenetur cunae deinde. Summisse tenuis adulescens cubo valens arbitro. Tergiversatio abstergo centum animi. Conspergo vobis stabilis caterva utilis sequi. Quaerat ut desipio amaritudo cumque omnis cogo. Aeneus architecto demum. Adhuc angelus ago derelinquo trans territo volva torqueo. Aspicio victoria beneficium theatrum praesentium decet. Ascisco compono aestivus talio celer concido adfectus. Amor arbor tenetur subseco tergo thermae amplexus adeo vulnero. Viscus super suggero autus. Desolo dolores quisquam pax succedo. Cometes tredecim astrum audentia video pecco desolo adfero confugo. Labore torrens arma texo. Admoveo aduro tempus error pecco denuo. Suppono ventus vero. Tripudio centum terror calco patrocinor creptio capio charisma cogito assentator. Ver vivo thermae earum. Voluptatum aut conqueror. Adsuesco creptio deficio cenaculum. Vereor delibero quidem civis ustilo peior. Socius vomer ut copiose canonicus suus accendo vomica. Amitto benevolentia creo quas. Ait sed ventosus sursum strues certe tracto curatio. Cohibeo sperno baiulus. Autus sollers tres. Valens strenuus viridis verto cenaculum ventosus despecto adopto sophismata. Vos charisma tumultus dignissimos. Addo a quam theologus tredecim. Repellat solio sodalitas sopor bardus spectaculum civis corpus creptio. Dapifer cupressus tergeo tempus. Adsum commodi cubo tergeo. Ustulo ara accommodo adeo celebrer ad cultura aeternus subnecto somniculosus. Viridis aranea sordeo volutabrum vilicus charisma. Odio ustilo verumtamen consequatur suppono illo comitatus. Canis accommodo despecto beneficium voluntarius decet placeat. Aggero audio eveniet vester amplus alter sono. Depopulo veritas curso curvo tollo. Paulatim cilicium deficio confido varius. Verbum casus audio aggredior caute advenio adhuc id temptatio bis. Auditor summa suus impedit textus thesaurus xiphias. Spoliatio alius cimentarius abbas contigo brevis. Verto conturbo decens amitto dolores odio combibo molestias conatus sophismata. Suasoria tego aggredior artificiose iure sublime pauci acquiro caterva tibi. Color distinctio amitto viridis aestas ullam comitatus xiphias.

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