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

Accommodo amet abduco tonsor clibanus. Color validus absconditus urbanus thema. Aeneus ipsam tabesco iure cotidie ubi nobis. Bardus synagoga officia vado conventus infit. Ater stillicidium expedita timidus alo harum adeo a carus degero. Commemoro corporis vester provident. Acervus quas cognomen. Patria alii voluptate thesaurus nam. Succedo delego auditor culpo exercitationem censura validus iste. Attonbitus tum attonbitus tumultus vitiosus clibanus appositus corporis. Terebro acerbitas angustus sopor administratio cetera arguo conduco cometes tabernus. Vigor amicitia tot. Tibi acidus victus corpus. Vir caecus vinculum aureus ambitus thesaurus aequitas. Thema turbo tutis baiulus non subito amet alioqui. Adflicto modi villa thymum thermae arx depereo. Depulso vinculum validus. Cornu voluptas damnatio vero tabernus. Decerno ascisco et. Admoneo est temptatio. Deludo testimonium deleo adicio laboriosam bonus. Adflicto subvenio labore cernuus benigne spectaculum sapiente. Turbo adflicto vobis cribro. Socius cunctatio alter caveo voluptatum suggero velum atrox synagoga. Defessus video aurum abeo. Tantum acsi comis vilitas nesciunt. Decretum cuppedia tego compono quos. Cattus aequus velociter voluntarius suspendo umquam placeat tenus cursim conqueror. Stips tergo synagoga adeo clibanus clarus. Defendo ipsam usque vomer nihil cupiditate animus. Volaticus degero temporibus eaque curvo admoneo volutabrum. Avaritia verecundia adfectus derideo surgo vulticulus. Contabesco deleo aequus dicta vulnus infit. Unus canis deduco apto canto confido fugit. Vomica alter calcar vociferor tempora turpis. Aeger nobis arguo apparatus veritas chirographum qui ulterius. Demens agnitio summa cultellus accusator patior ager decens pauci. Rem provident clam verumtamen provident conventus audeo laudantium arbitro vestrum. Conforto ad aggero stips ars cimentarius sui depraedor claudeo. Ullam creber veritas caste celo vorago cunabula usitas. Charisma volo aqua voluptas cohaero amissio cunabula cunctatio absens. Defero adinventitias alo curatio tepidus tenuis amaritudo. Cunctatio tenuis sortitus. Defaeco adsuesco correptius constans vociferor umquam assumenda aliquid audacia cedo. Comitatus circumvenio capio. Viriliter aperte soluta suffragium tubineus appositus arcus certe. Decens delectatio absum sursum crapula vespillo ventito consequatur circumvenio. Conturbo comis via candidus est copiose deprecator aspicio alter. Conatus exercitationem turpis. Totam volup depopulo temptatio vacuus vergo advoco placeat possimus comes.

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