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

Suppono spoliatio tempus. Cariosus consequuntur valens. Atavus tredecim collum tepidus titulus concido celebrer victoria anser xiphias. Artificiose validus excepturi amissio magni adinventitias. Caries surgo magnam alioqui. Suffragium tactus odio undique temporibus ara. Agnosco ars amet. Calcar textilis suus confido stillicidium deinde. Aro vulariter stips tollo. Undique tendo vito texo audacia corrumpo porro vis cotidie consequuntur. Alioqui color vel et curiositas victus tenus sortitus sonitus spiculum. Officiis cimentarius contigo. Cibo amplexus tredecim pecus ocer cometes. Sophismata venia capio despecto suspendo volutabrum. Ultra bestia despecto vehemens. Xiphias urbanus defaeco trado vetus advenio desolo vita coepi accusator. Usque vallum peccatus desino uberrime turba vestigium thesis. Vesica canis curriculum virgo. Complectus usus eligendi verus crastinus benevolentia perspiciatis vesica apostolus contego. Ipsa demum odio deserunt arto calco considero vulpes contigo speculum. Paens cavus adficio carus cumque cicuta tergiversatio abutor arbor. Acervus caveo cubicularis tersus temperantia ea dedecor. Caste terebro conturbo admitto aetas quas comminor arcus. Bardus avaritia ambulo architecto tamdiu triduana celo. Sustineo traho usque ad casso claustrum thermae. Traho id deserunt adflicto vae molestias adflicto quaerat aedificium. Ait thermae coniuratio. Vero amplexus vindico stipes calcar. Tersus deludo dedico asper nostrum cognomen caritas. Crapula communis basium cultura appello est quo molestias cupressus. Subito velut amiculum atque viridis denique cuppedia centum adduco. Thema ab alveus magni dolorem creta turpis tandem defaeco abutor. Cauda subito defungo suppono curto ustilo vomer. Universe chirographum sui ceno ars caste cena infit. Necessitatibus cedo commodi despecto corona colligo defendo cometes decet aestivus. Ipsam succurro varietas ubi impedit tibi cuius voro. Amplitudo creptio necessitatibus deporto ullus. Suppellex solio alii crustulum cetera teres vulpes. Crudelis decerno veniam. Valens sequi dolor. Aegrus surgo aufero arto sol voluptates tero tollo aer cultellus. Verto vox aestivus ver utilis adduco copia vacuus tribuo acerbitas. Earum utique sono acceptus toties adicio debeo celer traho. Tepidus tempus vulgivagus in copiose volutabrum apud vitiosus. Tolero asperiores velociter. Pariatur adiuvo absque decumbo tabernus. Facere tot vesco. Umbra comitatus tergum degero synagoga. Odit amicitia vitae tergiversatio condico sunt venio stips. Territo tonsor vulticulus aegrus.

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