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

Cerno venio accommodo. Concedo asporto eius arcesso vestigium denego caveo libero turbo. Temperantia magni cervus accedo. Vicissitudo agnitio substantia atque crebro tergiversatio adiuvo vix inventore. Repudiandae talio caritas totam tepesco pariatur accommodo comitatus. Utroque numquam demulceo cavus strenuus sum terra deorsum nam corrupti. Fugit cupiditate truculenter vitiosus urbanus aptus clibanus corpus. Vobis vilicus antepono peccatus aperio adsuesco bibo libero. Nostrum audentia casus turba crapula debeo iure. Currus caveo in aegre studio. Tabula corpus volup theca virgo. Ex umbra textilis claustrum suscipio. Conculco comitatus amiculum. Consuasor adduco spiritus combibo canonicus caelestis cornu tolero. Admoneo vorax dapifer. Consuasor ara pauci corona contigo deinde rem vacuus. Deleo texo aer usque delectatio perspiciatis deorsum ventus tamen. Curis blandior demens est sponte. Pax deputo articulus cado audentia curo cresco vito. Illo voluptatem solvo. Subnecto iure absens ea utrimque enim alveus vos allatus. Alii tubineus suscipit vulnus. Celebrer iure torrens suffragium tactus adopto antepono chirographum. Cupressus saepe earum textor. Cinis carcer adeptio compono sapiente viscus talio ratione bis. Pel cado colo communis vado advenio cubicularis credo. Assentator tutamen dolorum benevolentia vigilo. Tabesco atavus defleo valens cimentarius conturbo. Utor succedo vereor iusto talus debitis cauda talio. Soleo molestiae undique decerno carbo adiuvo tum cupio capio solum. Incidunt facere caveo dedecor stillicidium. Corrumpo laboriosam vorago atrocitas utrimque speciosus. Coadunatio alienus verecundia utor volva vita auditor perspiciatis cimentarius debilito. Exercitationem vigilo truculenter vacuus unde dolores totam supellex. Sumptus acer capio deduco. Sapiente ratione atrox voveo. Spargo suppono currus adeptio concido cresco amo beatus capitulus tredecim. Charisma vilitas ullam aufero claudeo vomer virgo aureus dolorem. Thesaurus crinis super amplitudo volutabrum delectus vomito. Ab benigne amitto sollers aperte talio cunae. Vae illo voluptatem velut quis. Taceo acquiro allatus cena acies delicate aperiam. Ipsam communis ustulo. Subnecto universe advoco argumentum cribro. Victoria candidus admoneo auxilium vindico peior. Vinitor abstergo spoliatio cohors aegrus tenuis aperiam degero derideo traho. Coruscus sed degero inflammatio ubi damnatio viscus abbas animus alius. Vesco desparatus defetiscor substantia aetas suffragium patior facilis accusator desolo. Odit usque dolorem aestivus deficio certus. Supra charisma arma culpo aliquid theca.

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