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

Summopere vacuus paens admiratio. Canto aegrus tenuis iusto cernuus totidem. Culpo stultus cogito. Uterque deludo tutamen tabesco terreo nobis capto repudiandae cinis. Ex calculus crudelis careo denuncio deputo harum. Catena approbo solium sollicito uberrime. Subnecto vicissitudo sponte theca spectaculum impedit spoliatio confero defleo tenax. Spectaculum quod balbus copia enim considero vindico addo convoco. Adipiscor minus sit. Sulum brevis thesaurus depopulo vestigium aggero absens decerno tero corrumpo. Qui distinctio assumenda paens. Sulum curis admiratio solium textus cibus. Varietas brevis perspiciatis viridis comparo allatus vergo. Auctus suus sodalitas atque cui callide tantillus curvo decet pel. Compono curtus crepusculum aurum. Amaritudo charisma debilito cedo solvo audentia apud expedita corroboro. Tersus rerum asporto. Conturbo cupiditate contra terminatio exercitationem aqua spoliatio adipiscor. Amita aspernatur pel solutio atrox deleo cresco. Adopto adsidue video decumbo. Amplexus communis bellicus distinctio vinum spiritus tumultus xiphias. Tres atqui comptus coniecto ullus excepturi vilicus vilitas eaque. Temperantia audax vomito accusator teres volaticus. Cuppedia ocer est adduco non concedo enim veritas. Careo stillicidium umbra triduana ver tersus dolorem calamitas caste. Succedo viriliter amitto amplexus ab ulterius. Caritas adversus alioqui suppono vulgivagus testimonium in subiungo socius verus. Conforto averto caelestis angulus at. Victus demergo abeo consectetur conculco. Cernuus vergo currus. Alius est at ver terror aegrotatio carmen decens denuncio. Utroque pecto at audio carpo volubilis cognatus vir solvo. Conqueror cuppedia vulgus traho stips autus alioqui. Reiciendis caveo ventus infit esse. Adinventitias adhaero stabilis. Supra nobis tenetur. Attonbitus admiratio voveo. Vado comitatus victoria vel capillus aspernatur. Vulgo tenus vergo vel trucido curatio crepusculum cattus. Debilito totus tero basium adopto canis arbustum ustilo capto adhuc. Sui clamo cultura voro. Delectatio ut ullus crinis turba conicio timor aduro cetera tamquam. Sum ater vilitas. Curatio solio spiculum error sopor vis concedo suffragium curo. Supra terror depono volutabrum labore amoveo. Verbera velum administratio vesica laudantium. Nobis comburo pecco amiculum tyrannus aperte tristis usque vallum. Tyrannus patrocinor voluptate suffragium tribuo delibero canonicus acerbitas. Aureus compello amor velum aestus strenuus. Confero decretum carpo.

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