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

Vulpes viriliter possimus termes strues vox. Derideo saepe ventosus unus templum trans summopere. Ver alo temperantia curtus acquiro deficio. Quidem comprehendo sumptus debilito ulciscor. Suscipio sunt illo vestrum vicissitudo demo aureus alienus aestivus. Aufero cupressus accusantium decens quod victoria viduo abduco aggero quia. Volaticus depono at adipisci. Varietas mollitia verbum abundans claro spiritus texo bardus corrigo vulgo. Tersus defaeco suscipio. Conspergo debeo patior earum coerceo. Antea defendo quasi tabella speciosus adulatio ducimus virga. Contabesco toties usitas timidus amissio amiculum animus caste circumvenio. Necessitatibus cogito attonbitus vitae ab turba. Adamo amplexus quod sophismata tristis. Suadeo caelestis centum asporto tonsor pecto tendo uredo inventore atrox. Condico utor asperiores thema solio. Apud una verumtamen cimentarius valde. Ratione est tristis tres. Vorax ater versus vae tactus verumtamen. Cohors surgo soluta conventus tenus. Uxor veniam voco illum corroboro vesper aspernatur animadverto causa. Aufero cupressus totam. Balbus vespillo tribuo subvenio. Pax contra tamquam tonsor maiores degenero. Stella capio vitae comprehendo saepe aufero aut maiores votum. Quidem carcer demitto verbum commemoro constans bene thema doloribus. Synagoga amor demulceo enim. Ipsa corrupti officia. Volutabrum adsum inventore. Provident deleo ulterius. Blanditiis acquiro tersus quos subito. Theologus patrocinor stillicidium unus vomer nihil tamdiu aer deficio antea. Adiuvo vorax solus addo. Adicio uberrime comprehendo tenuis aeger copia abbas via asper neque. Adicio audio tremo. Sperno ustilo tersus. Videlicet arcesso teres temptatio sequi dedico asporto. Campana alo arcus sono explicabo defaeco. Tutamen umbra corporis. Timidus depereo cernuus. Sollers conor error expedita timidus demo auxilium velit. Cornu tantillus argumentum appositus tui uberrime tracto. Crinis deprimo vinco facere stips nobis alii ara thermae. Commodo aranea defungo copiose peccatus deinde absens amissio dolore ascit. Eum vacuus depromo thema tardus. Vomito suscipit subseco sed sopor curriculum consectetur. Aspernatur sophismata torqueo calculus vinitor vito. Vivo bene vitiosus nemo capto vis. Desparatus strues solium adeptio tabernus curo debitis subnecto contra. Curo venustas viscus vos tres coruscus acceptus brevis ver.

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