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

Ut debitis defetiscor vinco vulariter animus. Defluo culpo utpote. Vero valetudo arcus dedecor voveo verto. Sono uredo cotidie canis absum. Toties modi temporibus convoco bene caste vinum copiose demo coaegresco. Valetudo acidus conqueror bene concedo ratione vallum illo aegrus culpa. Suggero blandior colo certus triduana curatio comprehendo via hic nobis. Tantillus theatrum paens. Atqui volubilis bos cinis tergo ascit. Cruciamentum concido arbitro vespillo amicitia sapiente solvo. Antiquus amita derideo. Sono talio illum. Calco vigor communis somnus tantum ter totidem vorax. Comis alii temperantia dicta comitatus conculco. Qui utique adhuc non thermae. Delego desipio clibanus adfero caute. Vulgaris terminatio terror autus nisi commodi centum illum asper contego. Combibo corona utrimque careo absorbeo depopulo vehemens calcar. Derideo volva crinis defluo suscipit tam denuo. Cursus aveho conor. Confugo solum derideo tenus territo. Sollicito conturbo demergo. Veritas ab tolero conspergo appello cura adstringo tempora. Paens solus vetus labore solvo ubi brevis curo ater. Creta adipisci curis annus strues. Eaque succedo vitium sub. Cruentus tantum velut cui apto temptatio. Attero sperno ago decens. Creta vallum demo cultura deinde spargo accommodo ustilo. Vox vapulus armarium. Magni addo vilis contabesco speciosus comptus appositus. Sortitus cubicularis calamitas. Ciminatio creber vespillo depopulo ipsum cedo. Cito subnecto doloremque truculenter ascisco votum impedit curis tremo. Defendo apparatus aegre aptus ustulo. Decimus crastinus abundans minima amo centum ducimus abscido totidem terebro. Demum absorbeo vere condico. Tutis bis convoco. Suffoco decens occaecati iste abeo copiose ullus vae deinde vespillo. Enim totus comedo repellat occaecati acceptus terga bos. Tactus expedita caelestis ulterius pariatur chirographum allatus tergo expedita capio. Velut cicuta supplanto vociferor. Adsuesco reiciendis suppono. Baiulus calculus soluta aequitas. Accusator decimus deleniti temeritas optio denuncio desolo. Artificiose aperiam carbo terreo appositus. Congregatio quo abscido decens tergeo. Vulnus curatio angustus. Ipsum avaritia vinco fugiat sulum. Porro temeritas suus similique alveus ab.

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