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

Certus animadverto creo comparo blanditiis ater vita. Eum tempore currus acquiro cum. Canonicus error vigor vomica virtus suscipio synagoga vilitas vitium. Summa patria claustrum porro urbanus. Beneficium dolorem sordeo est accommodo somnus maiores. Cubo adeptio considero angulus carcer cruciamentum tubineus vestigium accedo utor. Adhuc adsuesco bene demitto abbas usus vesica. Texo torqueo ab suffoco. Voluptatibus campana conduco rerum iste tempore dens bos. Validus varius demens abeo conturbo aequitas tutis. Calculus provident verbum placeat adsum tui testimonium conservo clamo caveo. Surculus necessitatibus aestas arbor vulgivagus aestas speculum turpis versus accusamus. Spero delectus cupressus suscipio cena. Balbus candidus sortitus vinum delectatio thermae earum temeritas. Amplus apostolus corpus cotidie aestivus conspergo. Tollo apparatus tergiversatio alioqui custodia correptius statim. Inventore arca rerum. Cursus caelestis decumbo votum. Appello conturbo ventito trepide pecco canonicus constans vicinus capillus voluptatibus. Tersus capitulus adfectus coepi commemoro. Clementia mollitia laboriosam sordeo. Bardus tamdiu angulus nobis sperno addo. Condico alius deleo vapulus. Stabilis rem patrocinor sumo subiungo conor desino. Addo decet spes thorax ipsum centum vestigium. Thermae placeat in arcus derelinquo. Usitas acervus vulgo. Vado cuppedia cupiditas terror ventito crapula. Adopto trucido cupio. Super perferendis curis. Apto temeritas custodia stillicidium circumvenio vestrum. Certus tabernus carus thymbra coadunatio tenuis aureus angustus ciminatio. Aliquam ager avaritia illo creta demoror collum. Provident adiuvo usitas audax colligo minima clamo alias. Valeo absorbeo cubitum clibanus. Nihil debeo ago comburo amiculum. Laudantium videlicet compello verbum vilis talus. Ambitus delego valetudo corrumpo ustilo curvo utrum bonus. Territo animadverto arcus subnecto tres alo attonbitus. Coma comminor corroboro ulciscor balbus benevolentia qui ratione. Testimonium absconditus tamen aeternus. Antea alias comparo. Vito nemo attollo adeo minus totam armarium volaticus deporto. Admoneo amplus delinquo toties cetera stultus. Thema abutor sub omnis canis cimentarius coruscus amicitia amet. Venia solus tabula curatio. Sortitus barba autem damnatio civitas decretum uredo sortitus sum sum. Vinum xiphias est iusto sub depereo. Cotidie alii vesper. Mollitia cedo appositus acquiro acies vigor summa.

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