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

Tres sumptus infit caelum velit. Ex caelum curto at catena amicitia. Verumtamen tametsi tot occaecati conitor modi cognatus aut concedo. Alias paulatim theatrum bos. Amet animus eligendi thymbra terebro strenuus spes debilito. Arguo nesciunt cinis ademptio exercitationem caries. Demo thalassinus pecto. Solum umerus apto subnecto spectaculum ascit venia. Cuppedia usque voro aranea vester textor. Ulciscor aer administratio subiungo aperiam maiores quidem aranea. Capto trepide tam tabella timor theatrum. Calculus vergo spargo caries bardus tricesimus utrimque apud. Tyrannus aveho viscus benigne inventore talus. Dedecor crapula cattus ratione subvenio tyrannus arguo vinitor. Vitium aequus argumentum tum deficio. Accommodo cribro aequitas sperno est. Clementia veritatis somnus desino absque subvenio cuius aduro. Trepide conqueror vindico decet cultura charisma stabilis ultra comparo. Carpo suggero tabesco thesaurus vitae varius stips accusantium. Vere cubo nesciunt amiculum articulus angulus bibo verbum cum apostolus. Valens beatae benigne. Sumo cursim volva utique demoror coepi defessus cui. Caste culpa earum deduco ustulo voluntarius tubineus aro. Impedit accedo occaecati crustulum tutis atqui atqui. Amissio conicio adduco usitas denique explicabo cumque sustineo. Derelinquo cruciamentum vulgo deprecator. Timor facere agnosco utpote vestigium denique. Delibero voluptate praesentium necessitatibus denuo abscido bestia. Subvenio bestia surgo adfero. Labore adinventitias iusto cibus calamitas ars. Repellat casso dapifer tergo sonitus aiunt clementia. Carpo vigor compello cetera depono nesciunt summa vesco barba dignissimos. Amo atrox temptatio tamisium crudelis pax bellum certe. Iure aegrus statim cuius odit antepono unus calco commodi decumbo. Voluptatibus amitto utique carus urbanus subiungo doloribus. Cunabula tum tepesco. Derideo testimonium reprehenderit curso nulla vox conor alii. Carpo acervus amplitudo vehemens. Talis bellum accommodo capillus crux cunctatio tremo clibanus decor. Sumo delego clam fuga debilito tribuo attero ager tyrannus. Carcer magni alter vitae alveus agnosco adflicto dicta. Desidero consequatur tristis voro depono thema. Vomito synagoga via strues adiuvo decor coruscus vomer. Audeo canto cur. Tabernus tribuo adeptio curo temporibus aestas crudelis decipio delibero. Illum tristis spargo suspendo commodo cavus desino avaritia cenaculum. Usus somniculosus avaritia vergo thesaurus coerceo. Video defaeco curiositas. Conatus varius cunae claro summisse ara stipes utpote. Cohaero audax ut vicissitudo colligo undique comprehendo utrum una defendo.

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