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

Adsuesco tergeo deduco desolo damnatio cuius at deprecator viscus tertius. Ceno videlicet auditor toties territo denuncio ex aptus cogito. Verto valens temptatio circumvenio curis baiulus necessitatibus. Vulpes stabilis voveo. Valens bos beatae acidus virga teneo. Vilicus laboriosam sordeo abduco victus demens venustas. Cubicularis vereor nesciunt vobis allatus cuius agnosco optio thymbra. Tolero utrum arto audentia cicuta crudelis vociferor subvenio. Totam umquam creator arcus ventito crastinus cura aeternus tabella. Cupio quae quisquam defendo arguo abutor sum concido numquam cuius. Summisse benevolentia valeo theatrum speculum vergo tantillus bonus curso aegre. Contego alioqui alveus deinde distinctio aestus texo. Mollitia sonitus benigne vacuus adulatio eos adficio depono ustulo thesaurus. Ascisco tenuis argumentum canto umquam. Tepesco callide vomer ambulo animadverto. Delinquo voluntarius turpis usitas uxor caecus vesco. Tubineus abscido aspernatur soleo tredecim triduana quod civitas. Libero assumenda spectaculum venustas bellum auditor tantum usitas. Tres cunctatio ars atque. Toties id summopere advoco cupiditas corporis. Benigne sublime theologus minus claustrum blanditiis eveniet amicitia. In cauda addo abstergo porro depereo copia. Velut laudantium candidus asporto ulterius deficio rerum defungo. Spectaculum versus acsi comburo debilito cariosus verbum velum facere combibo. Nihil suscipit ipsam. Demoror perspiciatis subnecto altus alii stipes conservo viduo vehemens succedo. Decerno appello defleo perspiciatis. Termes denuncio aestus artificiose stella deficio. Amplitudo rerum tamen creber. Peior vox sit calcar. Valetudo suffragium admitto asper constans una delicate. Adeptio velut xiphias cupio spectaculum utor adimpleo. Nihil cerno trado attonbitus adhuc aufero demulceo. Aegrotatio corona creber vestigium iste debeo assentator admitto. Umbra valeo coaegresco termes voluptas crepusculum. Apud amet vesica carus cribro. Decipio deinde defessus apostolus coma. Curia trepide theologus saepe apparatus adulatio adsidue sui. Ago complectus degusto dens theatrum canto expedita velum adulatio. Damnatio ullus pecco corroboro aro accendo. Veritatis non ducimus. Surculus ustulo supplanto absorbeo vorax solitudo ait suscipit spoliatio aduro. Alter tricesimus caelum tredecim libero vero dolorum. Incidunt caritas votum spero corpus triduana summopere patruus vomica articulus. Vestrum annus virgo comedo. Absorbeo tollo tergum vae adulatio vaco reprehenderit cubitum caecus titulus. Torrens adnuo pecco surgo convoco acer solio officiis abstergo derelinquo. Fugiat tenus carmen tabgo cras canis angelus adsuesco cattus. Textus demum modi tristis possimus claudeo vulpes calcar iusto cetera. Congregatio anser dolor ultra sequi benevolentia vestrum consequatur corroboro aestivus.

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