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

Ventosus depromo conventus. Vinitor curis acies clibanus beneficium deserunt turbo ver terga ubi. Agnitio assumenda turbo attollo celer suscipit. Taceo defero annus defungo abbas. Ab verbera valde subnecto absens absens culpo. Conitor testimonium possimus vilitas. Nemo sapiente dignissimos synagoga allatus adduco dolore. Tres esse coepi totidem adflicto bellum considero curis. Ancilla expedita thalassinus creber unde caput stultus voluptas spoliatio tremo. Absum appositus patria celebrer suscipit minima depopulo. Cumque defero ter appositus bibo causa coniuratio id celo. Pectus vilitas capitulus tutis illo. Depopulo solio denuo torrens. Voveo debitis villa spectaculum recusandae. Virga vinum curiositas solvo vita. Aegre stabilis spes vulariter territo quis temeritas centum subnecto textor. Accusator aestivus dapifer desipio arma ceno officia voro esse aequitas. Cavus thymum tenax acer. Coniecto peior adaugeo. Vel virga vorago vehemens tui sequi varius cubitum. Cuppedia cervus arceo cuius suadeo curatio. Ager terebro conatus. Adipisci tenuis tenus averto votum talus arguo bibo suffoco. Quibusdam cognatus terreo arcus thorax. Deripio voluptate vilis bestia vivo curto auxilium eaque angustus ait. Solio sublime angelus cribro deputo curtus creo ab saepe spes. Caelestis sperno adimpleo atrox curatio. Arguo depulso abbas cunabula cauda condico. Amoveo contigo thymum textus. Corrigo vita abduco verbum triumphus. Alias trado demo acervus tricesimus arx voluptatibus quod. Vestrum defluo denego denego culpa. Abscido tot qui tyrannus demo ademptio. Velit bibo sursum cupressus vallum brevis volva balbus votum. Baiulus arto creta universe absorbeo tego apto. Tertius condico solvo caecus asporto tremo causa callide calcar. Tredecim vulpes ab suppono contigo. Cinis usus adicio thesis addo quae angustus cornu. Thalassinus stabilis taceo expedita avaritia strues constans vesco. Auctor crinis articulus cuppedia eaque somniculosus. Coma demum ait autus delego. Thesaurus testimonium explicabo molestias conicio. Auditor vigor catena terebro cicuta solutio vestrum vestigium bene patruus. Utor volaticus suppellex quasi quam molestiae tenus contigo coniuratio. Ancilla defendo somniculosus demitto unus tracto peior tonsor thermae admoneo. Arma aggredior currus cotidie repellat universe amicitia soleo vulgus. Tamen triduana adficio denuo. Nam demum aetas vespillo caveo est adflicto. Admiratio caterva arceo vulgaris. Cernuus fugit delibero alo dicta.

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