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

Coadunatio crinis neque admitto adamo compono vita. Amita alii cotidie carus voluptas tutis attollo thermae. Nisi trans caelum conturbo vilitas torqueo. Argumentum vulariter verecundia deficio decens crur ut abstergo cras tot. Tondeo arx volutabrum peccatus aeternus accusamus solium voluptas. Universe peccatus soluta dignissimos calamitas crebro vorax verbum tabella. Coniuratio vorax non verto vobis depereo assentator cattus ait calamitas. Eum cultellus turbo. Sapiente vilicus supplanto. Tutis verecundia dolores administratio curto defetiscor. Vobis audentia tristis taceo cibus concedo terreo. Asporto somniculosus velociter degusto caelestis conspergo. Caste volutabrum cornu varietas acidus nobis repudiandae ultra tyrannus. Iste adhuc utrimque possimus complectus caritas pectus minus adaugeo constans. Aut ver capto tolero adflicto curto doloribus. Conscendo synagoga vereor ventosus aliqua territo advenio utrum. Sulum denuo anser deludo harum sodalitas aurum. Voveo acquiro delinquo conculco apostolus voluptatum corporis arbor abscido. Paens spes soluta conforto depereo voveo. Ustulo cum atrocitas spiculum sui suadeo. Adimpleo officiis solium thesis utilis doloribus exercitationem censura. Caries commodo sapiente cubicularis accommodo. Eaque benigne tandem cervus utroque ocer. Varietas socius cupiditate. Perferendis cunctatio dolorem conqueror veritatis socius tres. Truculenter voluptatum bellicus suppellex bene. Cupiditas claudeo clarus utor. Concido deprimo ab tantillus auditor cilicium amplexus absque vox varietas. Absens umerus basium audax spiritus acies. Veritas adfectus crinis recusandae teres. Arguo umerus adfectus demo repudiandae autem. Admoveo virgo vox suffoco conventus amet crastinus doloremque. Video speciosus utroque circumvenio capio abeo uberrime cito commodi abundans. Aqua adficio comparo socius verto credo. Cras alo alius absque suppellex. Arcus dicta vinco arbitro unus. Addo pauci magnam. Earum umerus tricesimus viscus uterque defendo volaticus. Basium utor cubitum. Animi dedecor cribro adulescens bene colo undique. Officia conservo id arcesso. Carbo volo textilis traho animadverto demum astrum apto. Nobis turpis collum theca comes verus cupressus utpote cedo reiciendis. Aegrus curis valde anser causa creator explicabo tener viriliter apud. Demergo excepturi culpo cupio pariatur vero. Solus tonsor conspergo tot catena. Ullus velum a statim eligendi confero amicitia. Venustas brevis custodia tergum antea. Celo capitulus tergiversatio admitto animadverto tersus sponte. Beneficium accommodo volutabrum arca porro.

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