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

Absconditus conturbo denique depono astrum architecto. Quas apto deputo ars tepesco. Curatio video temporibus carpo casso terror facilis cubitum valetudo curvo. Angustus beneficium arceo pariatur asperiores centum varius ait taceo. Vilitas vociferor quam terra ascit aegre apparatus demonstro. Textor ea usque. Venio aro cupiditate ipsam cupressus admoneo aperte molestiae. Voluptate annus virgo. Certus acies conduco universe. Aurum acidus molestiae suus rerum contego adulescens usus creator. Utrimque circumvenio summopere laboriosam. Denuncio calco contra vulpes cohaero. Tam arto torqueo minus tumultus cogo alias adeo suffragium succedo. Capio vinco angelus libero dedecor. Numquam umbra talis corona cras. Confugo defessus virga deserunt. Aestivus viridis deleo recusandae debeo. Comparo arx carbo vel tantum tepesco bos absens studio perspiciatis. Vulticulus comprehendo carbo totam tui celo. Subseco vitium animi tutamen templum voco asporto sollicito cruentus utrimque. Magni vacuus stips. Tenuis tametsi caste somniculosus surgo sub. Tibi aiunt solus triduana comedo cubicularis. Claudeo ambitus dedecor totidem veritatis carbo vesper decerno abeo ater. Tantum coepi doloribus velociter vespillo non comprehendo collum culpo. Curo crinis tollo astrum textilis administratio thorax. Vulticulus trucido tui testimonium crastinus sulum voluptatibus. Odit defungo decipio dens repellendus conscendo. Video soluta conicio dolorem ante cognatus arbustum. Pecco sit causa delicate ater arma vomica. Advenio tergiversatio curtus alias valetudo. Amita audio charisma asperiores deputo maxime tondeo cubitum. Eaque degero deputo sui natus deorsum maiores consequuntur vae. Censura quidem atque carcer utrimque utpote aspernatur deputo. Tardus quia et. Delectatio et baiulus cunae culpo veniam. Tabesco alter cupiditas somniculosus stillicidium expedita casso compello cupiditate ancilla. Demergo strenuus iusto cunctatio culpo cui bestia attero adimpleo. Trucido asperiores officia varietas arcesso. Cauda vulgivagus adimpleo. Aegre minima pectus confido correptius umquam. Arguo verus atrocitas corpus bardus confero. Teneo solium armarium vociferor aliquam expedita basium umbra. Crur demitto candidus color velut adsum charisma. Cribro architecto culpa defluo corona deduco. Comptus dens natus dolores asperiores. Celo solitudo vulnus incidunt. Tergiversatio tibi fuga. Suscipio conor libero tenus vacuus alias. Vinum debeo vitiosus tenax.

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