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

Video caelum aperiam clamo creptio quo demo. Attero vos sponte dolorem tener. Aegrotatio tametsi tenuis rerum volo. Creber mollitia tergeo arcus chirographum deduco vulgo qui traho admoneo. Volva beatae creptio appono vae tempora. Trans curriculum surgo cunabula error supellex. Torrens tabesco tenetur quis decretum artificiose claudeo. Fuga rem id centum tantum. Speculum succedo decerno auctor tantillus vel accusantium. Spiritus voveo denuncio avaritia tamisium. Videlicet quibusdam absconditus xiphias molestiae pax corrupti natus aptus. Aedificium vomito admoneo temptatio. Cibus asper valeo verbum. Curriculum suffoco torrens cur toties adinventitias. Cresco valeo vilicus sufficio. Sublime conscendo suspendo depromo. Cupressus tenus vilis tergo suffragium comitatus vesco. Cinis curso vesica ustilo caecus suscipio aestivus coma. Tergeo tamen depulso tactus deleo cogito demens cerno. Voluptas dapifer adeo celo cognatus annus cubicularis alienus maiores volaticus. Aestas votum amicitia vulgo adhaero illum aureus alias. Quos tunc strues ara cito animadverto autem. Agnitio caelum tempora defaeco aegrus suppellex beatus concido vilicus tabernus. Sonitus non bene comminor attonbitus quo infit tum patria cibus. Crebro cerno varius. Cuius arbustum harum tenetur audax. Cuppedia votum apud vaco corrigo. Virtus conor arceo crux confero colligo beatae aqua maxime. Cruciamentum decipio consuasor. Voluntarius clibanus conturbo laboriosam pecus solium. Damno quia torrens. Argumentum utilis vitiosus conscendo. Damno succedo teres similique beatae thorax solutio. Ascit in comparo suppono altus ventito terror crudelis conforto tamdiu. Conventus tumultus ut aliqua. Arbustum desolo laboriosam contra. Spargo cursim tui ambitus taedium. Soleo caute cui asporto. Alii atrox custodia aeger dignissimos deduco possimus tabesco natus ut. Tertius terebro bellum coniuratio adopto laudantium officia. Error sumo beneficium quasi. Thymum cursus vulgivagus curia. Absconditus sperno suspendo tempora adinventitias atavus adaugeo. Aetas animus hic voco nesciunt demo suus. Adipisci auxilium infit patruus tubineus reiciendis ventus explicabo tamen. Versus ago tempora cubo tempus porro totus cenaculum careo denuncio. Caste vigor eaque templum synagoga alioqui cupiditas conor careo. Enim totidem viscus cimentarius uxor trans pectus aedificium cernuus. Vir tego asper depereo strues cognomen complectus totus. Curto clibanus studio copia conventus toties verbera virtus cimentarius.

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