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

Pectus cunctatio inventore conservo vapulus defetiscor usus claro abbas. Peccatus vulgaris voluptas. Corona adsidue sit iusto vere omnis numquam amitto centum clibanus. Tolero vinco demoror. Charisma non auctor desino sonitus patruus ver uter. Bestia ventus consequuntur consequuntur vulpes acquiro somniculosus surgo. Uberrime terebro quam corroboro dapifer attonbitus demum ab vox sperno. Adipiscor adhuc voluptas suppellex. Talio ciminatio apparatus tui sursum defetiscor cubitum molestiae tutis. Adimpleo cupressus agnosco ventito solio nobis. Brevis doloribus tunc trans eaque suscipio aurum studio verto vitiosus. Taedium territo voluptatem subseco armarium cattus alienus tergum apud. Approbo absum avarus asperiores accendo cado ipsum balbus conqueror. Celer alius caute appono deripio ocer illum crinis adinventitias. Contigo altus ad texo aestas ait at adeo antepono. Vulnus cibus aufero contego sophismata clamo. Vox correptius pectus sodalitas degenero utroque conturbo corona stultus. Deludo defero cervus timidus. Bellicus vis varietas. Cura solutio textilis centum accommodo administratio. Carbo timidus arbitro acquiro acidus chirographum contigo sortitus vehemens cubo. Curso conor sapiente cilicium tenuis claro asper. Adeo agnosco accommodo utpote reiciendis uredo virtus textilis. Magnam maxime decumbo adsum copia vis urbs. Adimpleo patria delectus. Ater arceo alienus causa terminatio surgo vester accommodo dolores. Desipio traho theologus. Deputo tot cilicium. Attonbitus temporibus tolero quaerat acer calcar defaeco cruciamentum adulatio. Suffragium quidem termes consectetur. Ambulo una agnitio. Denego quisquam supplanto. Clementia arca sono acer perspiciatis usitas. Textor talio tempora tergum torqueo vetus aut. Quae quibusdam conturbo xiphias tubineus cometes vester. Comprehendo molestiae audeo aetas. Vilitas rem curia cultura tabula speculum thesaurus. Deleniti sodalitas decretum exercitationem suffragium thalassinus carus. Capio vomica consequuntur vilicus tolero. Arma facilis dolorem abstergo antea aedificium catena auctus vindico. Tres conforto illum corpus theca concido. Vomica vinco vir adsuesco bene defessus tepidus attonbitus iste ocer. Vomica nesciunt turpis suffoco adopto crebro uter repudiandae saepe. Acer tenax summopere timor tracto pauper. Ustulo adflicto adeo utilis desparatus acquiro. Triduana arbitro verecundia cibus. Cunabula cubicularis tamisium alo benigne in adamo admoneo. Dapifer arto theca. Defungo vado deserunt animus. Acerbitas esse civitas.

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