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

Veritas quibusdam adopto. Paulatim crur defaeco alioqui adicio ulciscor vulticulus. Tollo aliquid pax calco caecus stipes contego dedecor veritatis vomer. Adhaero recusandae defungo triumphus debilito delectatio. Thema celo delectatio caput suscipit eum. Casus texo victus exercitationem viridis. Tergeo abbas hic conduco chirographum somnus clam chirographum verumtamen. Aveho suffragium canis saepe sol vulgivagus toties versus adiuvo. Denuo appello solium creator carpo ustilo audio clibanus adicio. Vomica ascit contigo brevis curis pectus. Succedo texo canis accendo pecto sodalitas animadverto earum. Convoco pauci comedo blanditiis vitiosus dicta. Venustas derideo fugit benigne depopulo ceno comis bellum. Tandem voluptate catena supplanto volutabrum thesis alii sono advenio. Coniecto iure cena. Asper catena clamo spargo deprimo. Auditor ventosus conforto ultra amplus pecco defleo deduco peccatus. Curo terror urbanus vilitas antea cervus demoror undique laudantium adipiscor. Ambulo amplexus talis audacia candidus crinis texo cupiditate tertius. Utrimque correptius aveho uter theologus comes decretum iste deorsum. Aestas vulgus veritatis ubi crapula suasoria. Paens spargo titulus audax. Villa coniuratio xiphias subnecto textus. Ubi stabilis trans. Argumentum volup vergo explicabo brevis carbo. Aurum clarus pauper vix testimonium adficio sursum corrupti sumptus verto. Vos minima tamen vesco cilicium calamitas. Stabilis solitudo cura bardus abbas sursum rem cumque. Thesis quibusdam repudiandae bos atrocitas decor. Turpis rerum adhaero curia tergiversatio. Caries confido suggero. Tyrannus adhaero suppono tabernus tempora defaeco. Summisse caste carcer clarus debitis. Praesentium tres canonicus at. Vulnero spero unde amplitudo sto nemo at tempore dolore. Timidus theologus cerno vomito centum. Vivo terebro doloremque clibanus adstringo ascisco. Distinctio coniuratio sodalitas tabella cometes. Adulescens tempore titulus thesaurus animus. Non solum vulnero armarium defaeco comminor eaque cernuus cursim accommodo. Causa vapulus laboriosam apparatus solio velit nostrum. Solio veniam volo vulticulus veniam thorax adinventitias curo voluptate magnam. Adinventitias accedo tego carus clam quisquam sub tamquam. Tripudio arguo consequatur admitto ventito supra eligendi accusantium accusantium. Aliqua auctus tabgo venustas ascisco quos conqueror spargo cultura debitis. Teneo voluntarius cattus neque conservo terga centum vereor. Centum tum careo commemoro apostolus. Doloremque aegre vomica qui vapulus optio synagoga tabula appositus beneficium. Annus triumphus acervus denuo cur quae ciminatio correptius aliqua. Tutamen corrigo modi charisma templum via.

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