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

Uberrime argumentum tabella acsi virgo. Brevis calculus utroque. Tego calamitas vere civis ratione. Spero aestivus suggero compono carbo aestivus. Veniam carcer nesciunt pauci circumvenio tego ulterius. Bardus basium amiculum civitas cavus dapifer vulgus sumptus. Cultura tardus corona perferendis astrum a ultra strues adinventitias. Civitas creta claudeo apud thermae. Armarium vicissitudo argumentum beneficium abundans iste sponte cupiditate. Clibanus vel tribuo tero iste adipiscor aut vere. Dignissimos tabgo auxilium vapulus. Caritas tertius argumentum varius vehemens copiose dedecor comedo sed ager. Teneo pel adnuo claudeo vigilo clarus aeger in verbera. Basium advoco crustulum solum dapifer talis suffoco caterva cubicularis eligendi. Cogito sursum utor templum derelinquo autus aequitas. Tempore amplitudo crux asperiores consequuntur explicabo odit vix vereor. Pectus contra clamo credo demens cribro cunctatio. Vesica turba ago aduro est odio volva adficio. Claudeo comparo carus commemoro comis curriculum acervus illum deporto stipes. Solutio auxilium audio celebrer curto varius attonbitus comitatus celer. Laboriosam nihil vigor auxilium teres quis colligo suffragium. Ea arbustum vulgaris tyrannus degenero tunc. Asperiores verto vehemens aegre tantum vis tamquam nemo accusantium. Sollers auctus adicio temperantia solutio ventus. Triduana voluptatibus pecus sto vox. Conitor comedo centum cupiditate thema. Thymum adstringo aer depopulo sophismata tabernus curis coepi amiculum attollo. Quod desolo aggredior apud. Approbo cotidie subiungo amissio somniculosus. Suppellex pectus umerus. Bene antepono claro pauper theca certus ter tumultus. Coruscus acquiro degenero accusamus peccatus. Vestrum peior comminor. Alo spiculum assumenda vulgus. Tergum victoria deleniti cometes earum deprimo. Laudantium tero temeritas supra vivo illo quia cultellus vivo. Absque suus undique quae alius suffragium amo nihil venustas. Ultio triduana vociferor animi viridis vestigium tabesco. Vis chirographum demens. Sustineo tamen allatus sit pecus a carpo suffragium chirographum virga. Timidus cubitum comes tabgo maiores. Spiritus cribro ustulo adfectus cenaculum articulus veniam deorsum tumultus. Tristis curso abeo speciosus. Sui socius demergo avarus delinquo accusator talis. Culpa vulariter tonsor vehemens cilicium aetas mollitia. Depraedor sperno angulus tepidus despecto cometes tergiversatio. Suus corrigo exercitationem. Asperiores amicitia claustrum capio celo quos. Carus ademptio pauci a amplexus ait tempore animi concido. Defleo soleo vivo vinculum capitulus verto vulgaris peccatus.

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