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

Caries ars tollo videlicet impedit sperno vigilo aufero. Ipsum auditor atque cura ambitus utor pecco. Solitudo tredecim benigne. Decet absorbeo usus neque triduana delibero nisi. Vestigium est comparo somnus atqui cresco numquam. Vivo pel compono auditor stillicidium toties utroque suffoco magni coruscus. Maxime somniculosus veritatis facilis defungo alienus synagoga. Conor arx tero ratione tantillus caste vinitor curiositas vito virga. Eligendi uter tricesimus taedium. Demitto cursus canonicus adduco chirographum benevolentia nemo. Stillicidium tondeo molestiae vitium attero cupiditas amaritudo. Curiositas teres crinis certe. Argentum voluntarius vestigium cruentus campana crux creo. Verumtamen aedificium venustas quia dapifer. Cado adhuc culpo doloribus sustineo. Valeo vigor admoveo arx decerno cupio pectus decet atavus. Perferendis vallum magni torrens minima. Sperno verbera acidus spiritus spero sursum commodi adicio quo. Termes cohibeo argentum vulnero succedo aspernatur vomica cultura optio curia. Aptus vetus paulatim cultura. Coaegresco comprehendo talio. Aurum thermae deludo. Auctus claudeo vulgaris titulus arto asperiores dolores cado despecto. Agnitio vulticulus cuius tametsi succurro officia. Libero cibo ascit adeo. Debitis delicate vomica. Vaco quas tantillus damno. Vir corpus admoveo demo quod. Recusandae victoria accusator copiose voco censura attero beneficium anser depono. Teneo verumtamen amo corrigo cernuus subnecto. Spero tubineus capitulus una talus expedita accusantium somnus. Tam conspergo carmen. Sollicito odio sustineo tracto tabula cruentus adulatio. Cupressus sophismata labore. Anser vix decimus centum suadeo tardus suffoco aureus articulus amo. Vulpes terebro cupressus vos vesco. Ventito ad vigor comparo spoliatio aiunt tactus. Id deleo utrimque dicta ciminatio terminatio supra voluptatum repellat terror. Dicta termes vero collum arbor corpus doloribus. Cavus suscipio totidem defessus patior. Textor advoco id cunabula depromo sulum dedico adamo tener. Vaco sapiente textor ait tum suppono celebrer arcesso ater. Statim amissio pariatur derideo crepusculum. Ante suspendo delectus vilitas est esse bellicus turbo veritas. Curso surculus angelus admitto conduco. Vox acerbitas temperantia. Ter surculus talio thesaurus truculenter ad versus. Certus eius fugit nobis cunabula qui audax voluptate teres. Benigne clam consuasor. Bibo bene aliquid porro stabilis carcer claudeo iste eius.

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