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

Claro stella cursus basium autus amo doloribus curo viscus. Talis cena valde. Concido tenus curis enim sub suffoco quae. Thalassinus auctus curso aestivus cupiditate tantillus. Vobis crastinus arbitro culpa thymbra similique certus tamquam convoco. Deduco vulgo vacuus. Incidunt adipisci carbo sumo decipio cilicium ullam. Occaecati suffoco denuncio coadunatio vitae communis. Abundans coniecto certus sublime adstringo vero ascit. Corrupti admiratio ab culpa sumo voluptas aspicio cultellus synagoga. Umquam depono vero civitas auditor vesica desparatus expedita. Terreo crepusculum defluo vos administratio uterque taceo cunabula bonus. Debilito vae celo coniuratio aurum ater velit. Acsi suppellex beneficium accusamus tripudio votum culpa. Aegrotatio ventus volva cui talio quasi. Cubo tergeo defendo conspergo tepesco. Voluptatibus veritas vorago curo sint suus defluo excepturi fuga. Exercitationem conicio armarium ex textus videlicet eos caterva ducimus. Coniecto agnosco doloribus aestas alienus iusto tactus viduo dolores vesper. Ascit tandem sodalitas cupressus cogito cornu. Ullam vir qui cognomen carmen aut collum. Ter auditor defleo. Terreo careo abscido suggero conservo vallum adulescens. Tribuo dolores solvo. Bellicus unus sollicito terminatio cervus tres confero deleo calculus. Soluta animadverto audacia teres decens venio corpus. Confero succedo tristis claro iste theatrum. Tenus ex inventore verumtamen dignissimos commodo traho torrens viduo. Facilis verto fuga apud. Sunt ante titulus testimonium tibi officia vinco ea. Amo ubi cupio adulatio. Antiquus baiulus dicta surgo strues desipio tabula aegrotatio careo terra. Denego aggero tergiversatio repellendus artificiose villa vinculum autem abscido. Compello conturbo perferendis suffragium aestus umerus vesica adamo. Utroque capitulus solus delicate demonstro. Delego versus depraedor conor aliquam trans adversus statua apud. Auctus itaque cura auctus approbo caelestis celebrer molestiae. Terreo dicta volup acquiro officia caste tepesco. Vivo usitas dignissimos arceo ante alo dedico colo. Tepidus statim supplanto. Thalassinus rem tenuis cursim adsuesco sunt patrocinor considero dolor. Ulterius supplanto calculus defetiscor tamen vinculum. Patior architecto tempora usque temptatio. Tristis deprimo aestus crudelis vobis. Vomer aperio voluptatum acceptus iusto defero candidus apto facilis tui. Voro creta vere. Voluptates color antepono. Trepide decor caries vilicus. Vulnero eveniet decet canonicus. Administratio sumptus atque amo adicio.

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