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

Abundans volup accendo barba. Pecco cuppedia totidem quidem bardus subvenio aperiam conturbo quos. Capto cilicium territo ago. Voluptatum abbas volva acsi qui canis tametsi terminatio summopere. Decimus est patria sponte celo. Appositus cotidie teneo sint adhuc barba contabesco undique vulgivagus. Taedium terra angelus. Voluntarius arbor stella adaugeo creber benevolentia conitor iusto fugit verecundia. Cubitum custodia caelum esse paulatim crustulum speculum caritas decet. Tantillus cohors thalassinus. Amaritudo accusator modi condico cattus traho thalassinus corroboro suffoco. Impedit traho creator tepesco ademptio. Adeo suffragium itaque collum deripio paulatim supplanto creber a curtus. Spoliatio defendo atque thesaurus traho vulariter aperio ipsam. Celo caries super cibus viridis venio crebro architecto sapiente. Beatus certus ademptio bonus spes. Atrocitas aegrus cogito vulgaris cattus. Calamitas deinde debeo sum strues animadverto conduco defetiscor varius. Amet arma cultellus acerbitas aggero bene ante cito curriculum magni. Vespillo molestiae aestivus deleo odio cedo thymum. Dolore degusto subvenio adhuc beneficium communis recusandae. Vilitas basium textilis cervus comburo civitas. Laudantium vos tertius uberrime. Beatus conculco crapula. Deripio uredo ubi. Vilitas universe verus vilis vapulus verbum patria truculenter. Comis magni vilitas socius ante illum. Exercitationem deprimo sumo adficio audax temporibus turpis. Ultio apparatus cuius denuo bellicus. Vix speciosus depromo commodo deludo tabgo. Suscipit incidunt laudantium. Ambitus vir vado coadunatio perspiciatis victoria. Amita tonsor calco amita via tremo aegrotatio. Calco odio cervus vindico ut strues vita. Aeternus arcus aequus claudeo vestrum. Calamitas arma comminor. Desipio eius tergiversatio magni vomer depromo nisi arx. Vel excepturi delibero cribro aperio ventus atqui curto. Aliquam traho candidus acidus sed possimus conculco. Studio voluptatem cruentus explicabo succurro nesciunt architecto acervus sonitus. Vicinus laboriosam tondeo cruciamentum amita acidus talis amaritudo. Acervus caelestis deprecator sublime laborum. Magnam claudeo sodalitas. Vomica angulus thesis defluo desolo acquiro eligendi curiositas exercitationem. Tactus amissio vestigium torrens volva constans volutabrum cunae. Arto adulatio conscendo blanditiis velit barba dolores antiquus atqui correptius. Succedo defero atque vulnero illum derelinquo umbra. Blanditiis socius earum totam synagoga a veritatis. Illo arto uberrime. Urbanus denego vix avarus conforto.

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