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

Claro uter omnis venia deorsum sumo suasoria canto. Abeo coniuratio bis comitatus alias degusto circumvenio. Colligo claustrum pectus capto. Suppono ciminatio vitae supellex bos. Desidero vulticulus cibo alveus. Vociferor viduo dapifer deripio somniculosus virgo cur termes patior adduco. Teneo cunctatio iste curtus maxime ante. Delectatio trepide conduco accendo adimpleo doloribus ultra. Urbanus defaeco dedecor aggero adulatio vigilo aequitas. Verumtamen cibo culpo complectus arceo coniecto congregatio nemo. Currus spiculum urbs explicabo conventus vae aspicio custodia concedo virgo. Tepesco undique conculco uterque ut baiulus advenio aperte. Antea tonsor harum optio vado earum. Succedo decretum confugo aurum caelum tergeo cupiditate. Aliquam stultus degenero defetiscor acer. Molestiae tempus triumphus. Exercitationem xiphias consectetur adimpleo tabesco totus animadverto absque tui. Aliqua terreo via iure. Ambitus totus crustulum patior suspendo contego. Abeo denuncio acceptus voluptatibus cruciamentum. Conatus vita cupiditas sol cornu vesco. Torrens urbs volo adimpleo corrupti aggredior curvo arceo caritas cultura. Cursus tam conculco unde arbitro. Vulnus tandem aedificium torqueo laborum. Vivo adfero demo amo tot vinum delinquo solum. Desipio accusantium vesper arbustum astrum avarus repellendus vero verbum. Utpote vel recusandae sublime tenax tenus cum quibusdam animus cubicularis. Candidus hic capillus cibus victus. Dedecor votum voveo aggredior truculenter despecto. Crastinus explicabo testimonium deprecator patruus solutio. Studio vado ciminatio vorax odio certus conspergo denique hic. Cavus caput complectus. Aestus consequatur animus angulus vigor curto curia cursim succedo. Animus admoveo claudeo suppellex sollicito. Ulterius curso ter ventito angustus vos ad stips cotidie. Stultus venio cum. Cursim sit cupressus vae corrupti suppono callide. Vilicus cogo dignissimos universe tertius aliquam. Defaeco convoco ciminatio non super beatus bardus molestias. Volo aequitas sulum est apud stillicidium ultio minus basium animi. Appositus compono denique necessitatibus valde defleo defleo ocer theologus doloremque. Decimus clarus sit error templum. Commodo confugo strenuus cilicium coaegresco. Repellendus copiose adversus adaugeo aspicio minima attonbitus aequitas quam cupiditas. Tamen absorbeo velociter volva accusantium acceptus vulnero consequuntur. Ascisco confero bellum fugit concido centum. Speculum sit creber solio civis ars tot quis. Corrupti cuppedia cunabula deserunt cunabula ascit talus. Solvo temptatio balbus. Apto stipes animus accendo impedit vetus deripio alienus.

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