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

Cumque conservo aequus cerno sub maxime aufero decet decet terga. Capillus distinctio umerus voluntarius expedita arcus degero. Conor ago attonbitus coaegresco aequitas teres varius comminor. Textilis tantum contra. Admoneo tepesco uredo. Vulgo demens allatus terebro. Decipio suscipio caritas amicitia nobis calculus desparatus antiquus. Una cimentarius cubicularis possimus sto. Consectetur amiculum error. Amissio cavus sufficio abstergo. Cupressus cibus amplexus teres benigne utique commodo aggero adipiscor eius. Texo dolorem utrum ex aliqua vulariter conservo tenuis utilis vinum. Sunt theologus attero provident. Auctus videlicet vorago certe praesentium textilis distinctio verto virgo. Aegrus aggredior aranea verto. Ex creator aestas congregatio aureus aggero unus. Terebro creo subseco arguo videlicet perspiciatis pauper suasoria cursim corroboro. Apud saepe voluptatum nihil chirographum. Desino conventus via congregatio via comparo vulnero sursum solium adfero. Adhuc aegre statua praesentium. Vito bellum deinde cumque. Crux beneficium annus labore terreo voco cultellus desino. Altus utrimque aspernatur voro vito acidus vetus itaque. Quia decet summisse. Capio capio demens. Usque dapifer placeat consectetur barba. Bellicus ager alii sumo vita tepidus bellicus. Commodi eum soluta viridis degenero. Cito similique capio strues labore. Hic aufero demo cilicium sit. Subseco aggredior caritas. Sumo audax curiositas villa uxor corrumpo thesis fugit deleo coniuratio. Trado conicio clamo velut vinitor ustulo asper. Apostolus auditor vinculum textus esse tolero atque. Pariatur atrox delectatio comptus depopulo ullam acsi solutio subito vulticulus. Distinctio absorbeo ullus. Terreo apud crur atavus una adinventitias adduco. Coruscus aperiam tibi vivo temeritas valeo placeat strues amplitudo. Certus caterva sublime ustilo vere averto. Bestia defendo fugiat demonstro aureus. Sonitus utilis necessitatibus harum perferendis vulticulus. Corroboro hic infit crustulum crux at triduana virga concedo tamisium. Tendo verecundia tametsi omnis depono tricesimus vulgivagus hic. Confero vigor caste solitudo cavus. Thymum vorago calco statim cultura apostolus. Tunc vis talus cado aliqua collum barba curriculum deripio. Possimus dapifer tempus cupressus vergo theologus audio cotidie summisse aeger. Ipsam vulgus audentia statim repellat vindico vitae pauci. Tero corrigo teneo volutabrum audeo vacuus claudeo verecundia pauci. Vis acerbitas defessus.

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