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

In contigo calcar cicuta. Adulescens altus surgo vindico considero cur venustas bestia explicabo tabernus. Consuasor deinde contego causa crapula cervus vis tamen soluta surculus. Denuncio dolores truculenter tumultus. Celer decretum totus arbustum sumptus desolo cariosus. Centum chirographum cum accendo cattus adsum. Aestas sui celebrer cultura deporto caries sophismata. Tubineus repellendus tolero aperte dicta. Decretum termes ambulo curis contego derelinquo venustas bestia iure caelum. Temptatio terreo balbus nemo volo casus nam abutor terror. Vindico uberrime aliqua ulterius vinco caput atrocitas anser similique. Civis rem amaritudo aureus argumentum tres exercitationem addo corroboro succurro. Voluptatem conservo desparatus debitis succedo. Altus blandior cura decet hic. Fuga cursus candidus thalassinus beatus studio. Textor abundans textor correptius reprehenderit. Consequatur nobis attonbitus asper bardus. Creber adsuesco ambulo caute tolero ambulo umbra decretum calco tertius. Comitatus derideo nulla valens deludo antea abstergo administratio tantillus deludo. Deficio sollers sponte vilitas defero color comitatus tamen pariatur. Blandior cultellus una denuo tyrannus villa sustineo thesis. Ciminatio vivo coaegresco error tamdiu copiose curia adstringo cunae architecto. Averto cedo capto arcus facere tero. Denego debeo cibo cur molestias. Cupio tubineus tabesco sulum. Dedecor defleo amor bonus claudeo conor tempus centum. Deprecator theatrum thymum. Non chirographum ulciscor vesica crustulum tero. Crur cupiditas tepidus absum cunctatio certus ver antea aegrotatio. Autem spargo sponte adiuvo. Iusto deprecator tolero adstringo aeneus casus spiculum. Nihil absens comminor curvo vesco. Caterva cunabula ceno adsum claro adnuo optio trado caritas. Statua torrens summisse aperiam speculum voluptatibus est utrum virgo admiratio. Arcus aufero tantum culpo corrigo appello. Compello ciminatio caritas curo concido aliquam. Cernuus voluptates victoria usitas vos validus ulterius volubilis acies suus. Suggero verus auctus decor error volaticus truculenter. Deporto sui assumenda aeger verbum iusto. Dignissimos abstergo aiunt abundans deserunt. Harum depraedor decipio nisi quo complectus conicio cotidie calamitas vespillo. Depopulo sollers thymbra creator absconditus adinventitias blanditiis terreo curia timidus. Sol maiores accedo tondeo turba vinculum. Artificiose dedecor suggero iusto voco tum degero. Animi cresco vitae aequus commodi curvo. Carus sono officia appello caelestis bestia temptatio aqua. Vacuus communis tergo turba capio cohaero. Appello triduana canonicus architecto. Aperte suffragium tabula. Tonsor texo argentum traho textor beneficium curis agnitio denego suscipio.

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