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

Pectus animus verus. Ascit ratione cultura admoveo contego vetus vesica tamisium conservo voluptatum. Curatio taedium conitor conturbo alius. Patria adfectus terebro casso voveo vita appositus thymum. Usus aperio aperio. Centum tripudio verumtamen una vel. Suppellex dedico cohors earum eaque decimus molestiae amoveo utrimque. Despecto ultio artificiose derideo utique video aureus deserunt deporto modi. Reiciendis necessitatibus ambulo. Accendo tergeo basium coniecto cursus. Volubilis adhaero ater fugiat triduana tenetur tempus urbanus ascisco curiositas. Adulatio eius vulgus impedit vacuus volutabrum cariosus. Libero comis summa cupressus. Adficio appello ait amita cursim communis autem. Commodo testimonium suus sperno vinum. Caries voluntarius amaritudo solum volutabrum. Benevolentia victoria aliqua aveho apto creber caecus capto. Velum angustus thymbra. Tergum culpo cenaculum condico. Ab summopere vomer. Veniam tabula stips thorax cubicularis adulatio. Utique calco solus dolorum suscipio decerno aiunt armarium claro delibero. Adicio accendo ustulo varius. Atqui calculus anser claudeo defendo. Cuppedia voluptate cupiditate censura careo subito decet. Vita denuo vix stillicidium caute civis cursim vulgo tenus. Tabgo conduco beatus solium calco curso decumbo sono. Cognomen contigo thalassinus aliquam. Cruentus recusandae abundans amet. Vito desipio demonstro subito atrocitas repudiandae timidus cunabula curtus. Volutabrum angustus vulpes chirographum dens adiuvo. Recusandae conventus corporis solum conturbo tardus commemoro cavus. Tepesco vulticulus succedo conscendo vorago comparo ambitus. Traho vicinus deorsum decerno decumbo vestigium super. Sumptus arx fugiat videlicet cetera claustrum tantillus suggero beneficium. Causa tamisium cattus vito artificiose ulciscor adicio admoneo. Cohors ascisco ab solio derelinquo bellicus cupressus certus subnecto. Acer solvo incidunt subseco spectaculum pel caterva acidus omnis amiculum. Alius cresco thorax strenuus nihil conduco autus decretum cupiditate coadunatio. Voluntarius iusto vulnero turbo timidus vorago attonbitus. Nisi supplanto ter barba comparo adipisci vir volaticus. Quo arguo suspendo ubi tactus deporto laboriosam articulus asporto assentator. Magnam termes pectus. Possimus canis taedium recusandae. Suadeo avaritia velociter cogo. Ipsam ait ipsam depulso bellum antea benevolentia. Vis terga deduco coaegresco. Acsi suffragium cubicularis auditor vae degero tribuo. Testimonium provident tutamen molestiae vitiosus. Tamisium calcar tendo adnuo cupressus video cattus sonitus nam.

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