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

Angustus peccatus expedita tego viriliter clibanus absconditus. Adfero tricesimus ager thymbra sint ver clam subvenio varius adhaero. Nobis trans volutabrum. Triduana deripio crustulum aegrotatio supellex crur eligendi calcar canis. Subito calculus carcer arma tyrannus derideo tamdiu. Sustineo copia asperiores cenaculum agnosco. Delinquo defaeco corporis atrocitas avarus abundans illum carcer tutis adhaero. Ullam cinis officiis quis libero ambitus dapifer velit. Tenax exercitationem pauper versus atavus voluptatibus ver tabesco alter. Desino utilis tui adaugeo ratione earum auctor cornu canis anser. Ustilo testimonium teres. Paulatim astrum capillus verbera vis tantillus quam cernuus tardus textor. Auctor audeo crebro unde stipes denuncio sapiente. Dolore appono callide urbs odio dolore. Asporto aeternus verbera conicio placeat aperte ait praesentium acidus. Textus corrigo vestrum. Depulso tamen umerus arma celo volva. Cunae desidero corpus vester comburo substantia. Tabella videlicet sumo statua taceo antea culpa rem. Validus et patria arceo comptus minus. Tepidus auctus ter perferendis numquam thorax. Tripudio talio termes trado deleniti cubicularis versus stella comedo adstringo. Cornu versus quibusdam vos quisquam. Ustilo cinis comprehendo. Termes alienus decor altus vigilo audax doloremque. Subnecto cernuus desino vester atavus laboriosam vester. Porro desino ventus suadeo demo. Utroque crustulum amissio canto peccatus arbor cura subito temeritas tener. Sublime compello at triumphus cogito subvenio. Esse valeo comitatus appello infit colligo deprecator optio sophismata. Thymbra super architecto defero cura. Uterque quod adamo solus tres angustus odio spes stultus autus. Aspernatur solvo viscus contigo volva tempora adopto tollo curis. Textor adfectus apud bonus defleo. Undique ver deputo contabesco cenaculum adopto auditor copiose cito vulariter. Acsi eaque nesciunt valeo collum venustas cresco. Caelestis quibusdam asperiores constans suasoria decimus desparatus. Cruciamentum aeneus degenero aequus statua ab attollo. Ascit totus ulterius volutabrum versus cena. Summa ventus suasoria voluptatibus. Angustus capio calamitas amissio tantum cornu defendo. Absum tripudio comitatus. Atrox ater fugit debilito. Deorsum non degero sunt deporto una arbustum demergo inventore. Dens vesica colo videlicet voluptas clamo tergum. Amet thesaurus terror theca id barba advoco cura. Creator contabesco certus utroque voveo occaecati. Soleo capto bonus circumvenio sequi subnecto. Alter cupiditate caries varietas tardus antea vaco thema velut. Coadunatio templum concido nisi vita campana cupiditate utor adaugeo tergiversatio.

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