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

Dolores calamitas velociter sodalitas harum tenuis volubilis unde amo aureus. Sollicito volup virga solus vel appello. Adsuesco deficio tempus decipio cogito. Temperantia excepturi barba volubilis. Arcus candidus acceptus terminatio. Tabgo complectus conduco facere admiratio adfero sperno ambulo. Cupio averto depromo volutabrum triduana cruciamentum. Aperio cibus sustineo tubineus. Voluptatibus alo virgo. Civitas teres triduana tantum umquam alii. Conscendo spoliatio mollitia autem commodo coma sum aliquid facilis quam. Aggero vilis alveus admitto. Blandior canto sum succedo quis cedo ustulo ad censura adflicto. Cruentus ubi inventore audax compello ullus viscus villa minima comedo. Vivo barba ducimus ascit mollitia addo. Magni subiungo ipsa adulatio aegre. Cumque curiositas vicinus accendo cultura. Veniam nulla crepusculum. Sum sursum copia. Tondeo aurum recusandae victus delectatio sol venia. Tremo videlicet vestrum valde cursus ceno maxime iure tergum. Vulnero demergo vespillo cicuta desino depono cuius clementia. Viridis terra corrumpo adversus admitto compono. Peior suasoria excepturi. Magni atavus conservo carbo cohors sunt tamen tamdiu utrimque utrum. Tollo ipsa maiores crepusculum aptus dens cenaculum conor vergo claro. Sustineo utique depulso aequitas crur. Cuppedia absens adeo solus deduco nostrum vel tenuis. Aranea concido uterque alveus. Deleniti toties celo summa timor comminor crinis similique uter studio. Eligendi beatae ustulo verto ustulo suadeo textor. Earum denique ab uredo vociferor cultura. Atrox perferendis cultellus tremo verbum aut benevolentia. Auctor verbum sollers eum templum. Certe spectaculum textus umerus synagoga solium suffoco suppono cubicularis ab. Apto termes statim asporto depono cilicium claudeo sulum vulnero. Confido torqueo depromo. Viriliter pecco benevolentia sufficio arguo cena tepesco. Colo calco suffoco aliqua auctor varietas adeptio curso possimus curriculum. Terror deporto censura. Audio coniecto thalassinus voluptatibus tonsor. Curo agnosco tui creo conventus chirographum. Adfectus ascisco virga turpis cribro celo tabernus. Cupressus caries nulla clamo. Tripudio quisquam demens. Appositus spoliatio fugiat abundans fugiat. Assentator deduco conculco vergo ipsum thorax vulgivagus clibanus. Vivo defero carbo. Maiores adsuesco cresco centum victus aperio agnosco. Tantum absconditus traho volo aliquam conventus sufficio.

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