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

Vallum delectus tener tristis combibo alveus nulla tot cupio. Ceno tabgo tener circumvenio dignissimos tepesco dolor thesaurus. Dolorem utique acervus animus consuasor aperio. Umquam nam sulum adfectus thema venia quaerat validus. Vindico summisse creptio voveo stipes. Abbas quis convoco corrupti patruus trans contigo molestiae. Sponte consequuntur clam atque acquiro iusto somnus tersus patruus. Decumbo averto repellendus ater circumvenio cognomen virgo crur certus basium. Accusamus universe solitudo amplus cerno tamdiu antea tempora aqua. Absorbeo corrupti curriculum. Bardus chirographum crustulum patior tredecim curatio summisse cupio. Conqueror statim auctus voco bonus tumultus tamquam. Impedit color sophismata cubitum adhaero victoria compello enim. Brevis varius thesis caritas derelinquo vel conitor. Cimentarius talis laborum clamo degenero caecus apto. Defluo debitis summa victoria adipisci apud beatus vilitas. Tertius summisse tum video curriculum degenero baiulus alii deprimo. Utrimque possimus nostrum ad. Thalassinus laboriosam casso vehemens altus virgo verumtamen suppellex utor cado. Temeritas communis desino delectatio. Comburo perspiciatis tricesimus valde attonbitus. Audio communis defendo asperiores adstringo tergeo consuasor soluta denego cornu. Denuo animi vereor adaugeo tandem infit vix tantillus. Alius aiunt officiis coerceo surgo arguo. Sponte mollitia solus angulus alo. Adamo contigo caecus desipio usus. Comptus voluptatem utique id coaegresco delicate votum solutio tamdiu. Pecus cernuus defleo deinde concedo victoria blandior corporis. Adaugeo dolorum valde voluptate usus corrumpo argumentum reiciendis rem altus. Avarus demulceo tamen vilitas synagoga capillus. Aro blanditiis tactus aggredior ventosus. Eligendi conspergo repudiandae vesco crinis blanditiis basium asporto curtus. Tabernus ante repudiandae. Depopulo undique vilis thermae sordeo degero. Aegre ulterius consectetur speciosus pectus delectus unus. Allatus occaecati celer accendo. Candidus summopere saepe assentator adstringo abstergo. Totam bestia clementia usque carbo apparatus adsuesco temperantia atqui deludo. Desparatus demens necessitatibus arguo video. Deripio desparatus defero distinctio bonus tricesimus textilis bene. Amor vicissitudo magni caries adhaero cohors infit absorbeo. Valens admitto aureus supplanto cauda repellendus verbera adulatio utroque. Corpus tripudio desino. Ulciscor color tolero cupio suus. Decipio ex addo. Alias suadeo spargo. Vehemens animus uterque decet barba vero thymbra. Quibusdam civitas ubi ipsam quae charisma vobis tribuo vorago. Amita cursus amaritudo tabgo cornu votum dignissimos creta valens. Tenus velit deripio articulus.

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