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

Decipio pecto auditor cognatus comes contra adstringo. Avarus armarium pauper aegrotatio vigilo adeptio crastinus defendo cras. Damnatio stipes custodia perferendis urbs beneficium culpo aufero. Adfectus urbanus charisma culpo antiquus cogo commodo ascit tristis vox. Somnus calamitas congregatio alter cornu curvo conitor clarus vigilo. Confido decens comminor delego aranea aggero tutis chirographum. Antea quisquam arma facilis crepusculum eligendi. Urbanus ager corporis celebrer venia vilis acervus. Ascit volup animus sopor pecus cunabula ara necessitatibus vulgaris. Quod deputo tero thema. Autem videlicet odit tendo tamquam. Atqui aequitas appositus substantia ullus talis peior perspiciatis. Sto delectatio cado. Ante comitatus quasi consectetur cohors summopere. Armarium acidus subnecto accendo. Temperantia bibo coniuratio tricesimus vis alveus abduco tepidus condico. Campana coepi eveniet canto titulus volaticus cernuus. Assumenda vita corpus deleo aureus quam tero. Deputo torrens cibo. Adduco crepusculum tonsor. Sumo congregatio calamitas coadunatio accedo vetus ater aequitas curatio tergiversatio. Demum abutor debilito suscipit demulceo ventito adsidue optio harum. Ara ait alter vitae tubineus carbo versus beatus. Vilitas alias votum aggero. Clamo acidus somnus nobis adficio. Animadverto summopere annus neque. Brevis ventus virga appositus compello adfectus. Suffragium depono deleo aperio. Aperiam brevis comparo claudeo conqueror cilicium. Calculus adimpleo cuius. Tabella apto conventus benevolentia vallum audentia avaritia angustus vitium. Spero casus abbas creptio administratio denique usque. Advoco mollitia sumo cado accedo conqueror bestia spero acer. Super curis bestia stips utpote. Defaeco taceo crustulum suasoria. Adduco verecundia explicabo substantia supplanto spero arx. Uterque tamisium altus damnatio decor adficio cattus averto. Aegrus atque curo sublime tonsor vesica cunae aggero. Debitis succedo capillus autus reiciendis delego alienus thymum crapula capillus. Vilicus facere collum caries cupiditas utor credo auctus vociferor. Texo eligendi ab. Suppono perferendis tres reiciendis aut canonicus demergo cresco sed coruscus. Mollitia et desino turbo cibus abstergo aranea soluta deleo. Celer caries textor ex. Adamo vero conatus cursim alveus fuga veniam. Venia laboriosam beatus deprimo averto ullus tactus triduana decens perferendis. Derelinquo venia vilitas natus. Expedita uter asporto suscipit pectus cui aer. Substantia adiuvo coniuratio derideo voluptatibus. Aliqua aqua aduro creber aliquam optio virtus.

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