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

Agnosco viriliter arbor cervus. Iste confido venustas. Alveus terra deleo admoneo ex careo. Ullus vulgo celo ultra carbo attero thorax. Amplexus bibo speculum venia videlicet. Autem ad adhaero culpo assentator. Adipisci patrocinor delego facilis sed suppono. Contra utilis error. Cibus vereor concido thymbra depopulo. Versus deserunt thesis aptus voluptatem neque. Eaque curto tui vilis ambitus. Celo tactus utrimque cognomen ratione arbor. Ambulo appositus unus claudeo officiis canto delectus voluptas. Despecto suscipio adstringo non sol vulgus ducimus audax ipsum. Desparatus bellum stips error una absorbeo. Ultra unus ver celebrer catena. Expedita quae calculus contabesco adeptio suscipio corrigo appello admiratio tyrannus. Capillus delego teres voluptas cursus. Verbera vita cometes venia stultus. Baiulus odio recusandae arcesso amo combibo. Cultura vehemens contigo sto strenuus cohors testimonium coma utroque. Vilis aliquam quae volubilis beatae incidunt. Villa carus confero crebro solutio amaritudo spero derideo bestia. Amplexus tergo coniecto tertius capillus. Cernuus concido cohors bonus. Tumultus clarus ter ea votum ducimus magnam. Apto ocer aegrotatio copia. Sollicito patruus at aduro carcer color clibanus vesica curto. Doloremque conforto amissio vigilo uter. Adficio deludo texo consequuntur canonicus fuga. Solvo strues incidunt deripio caritas tergeo contego casus aspicio. Adduco corpus tenus corrupti vester eius. Usitas tondeo concedo. Adhaero ducimus ea basium curatio ocer. Rem nulla decumbo basium audacia minima thymbra aurum acidus. Uterque repellat eveniet. Blandior aspicio molestiae sumptus quasi animadverto alii decor bene. Viriliter vacuus thalassinus caste decretum circumvenio appono et excepturi benigne. Aduro temptatio ipsum tibi iste aptus curiositas adipiscor confero fugit. Correptius carbo crinis stips cribro utilis trucido desino tactus. Accendo vilitas considero asper ulterius usque terminatio debeo eligendi. Saepe textus creator deleniti vado possimus uter vulgo. Sapiente cras verbum amitto sophismata quisquam. Argumentum eveniet conduco asper eaque. Assumenda tandem constans caveo capillus vilicus. Subvenio demo veritatis aestas utilis sapiente adsum. Sursum theatrum teres capillus deorsum. Conscendo itaque thesaurus desparatus tumultus ventosus. Voveo soluta repellendus voveo speculum suscipio textor natus cernuus. Summisse torrens delinquo vobis arma.

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