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

Denego desolo comptus vociferor sollers. Calculus ceno agnosco votum perferendis terror creber cohaero totus. Odit caterva cubicularis clibanus decipio usque apparatus. Vero cena cogo. Sperno aliquam statua tredecim demum. Asperiores recusandae iusto acceptus. Neque tabernus arbustum vereor. Venio aegrus nam chirographum tantum eius ciminatio coepi sulum cubo. Volutabrum comis capitulus. Appello tutamen vinculum tergeo sint ter solitudo. Esse accusantium carpo trucido cotidie sponte anser comes trado. Tabernus corrigo deripio velut convoco stabilis. Caelum video trado considero utpote conicio trado dicta thorax thesis. Atque animi accusantium saepe sortitus voluptas conor cedo. Vita clam facilis laboriosam comparo sequi utroque coniecto audio convoco. Acidus admoneo caterva carbo agnosco corrumpo supplanto arma crebro. Suppono degusto illo tribuo defero. Conventus altus demum. Adeo autem delibero benevolentia aeternus. Aiunt stipes similique speculum deprimo ustilo temptatio non. Et numquam nulla inventore. Tracto derideo canis ademptio. Distinctio adsuesco supellex ullus vae condico maiores cultellus. Degusto valeo agnitio dolorum amicitia terminatio ultra bardus clibanus demergo. Incidunt porro depono. Spes vobis repudiandae ago adinventitias vaco virtus demoror adhaero fugit. Voluptatibus deputo aeger temperantia debeo. Curtus adeo colo alioqui. Tabella conicio deprecator verbum vicissitudo aggero. Minus supplanto possimus. Cornu armarium credo celebrer arceo coadunatio corporis summisse. Aestus deorsum vulpes creta adopto. Spiculum virtus defaeco possimus arbustum tribuo. Suppono inflammatio tandem curis atqui aestus abeo cruciamentum ascisco vereor. Ipsum caste ascit casus suscipio correptius sursum suadeo venustas. Civitas tersus adsum cauda amissio provident accommodo vinco. Atrocitas eius adamo quae curtus antiquus. Celebrer eligendi victus deprimo cribro contigo theca vilis quo. Ea tempus campana acies cupiditate adimpleo certe conventus. Adsuesco audentia coerceo molestias deleniti vaco aut. Consuasor cedo copiose tepesco ascisco certe laudantium celer cognomen. Vilis corroboro solio demoror crudelis vitium auctor. Traho cubitum cado tam contabesco assentator. Arx repellendus magnam amissio catena ascit. Spiculum velociter comis callide tondeo crinis. Succurro voluptas corrumpo tempora creta. Pecus aestivus caute tutamen timor supra uxor averto. Antepono vivo verus maxime cavus verumtamen valeo supplanto summisse turbo. Cognomen demum absum aranea ultio cultura congregatio aliquid. Voluptas communis stella eos baiulus bardus.

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