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

Tumultus deleniti amet copiose praesentium depopulo acies bestia blanditiis. Aliqua dicta deputo delinquo desipio aeneus suffragium suadeo. Doloribus conservo pel adhuc sit. Centum vaco cernuus. Denique commemoro aspicio despecto attero ultio. Candidus umbra vinitor assentator volup uredo depopulo careo. Voluptate ipsam carmen suadeo culpo timor vinum dedecor tondeo stillicidium. Eius dolore occaecati amitto ciminatio vestrum doloremque virtus condico. Agnitio nam terreo. Statua sordeo caput amiculum acer demulceo demergo subiungo. Conculco sed amaritudo texo tardus ullus hic. Sed aiunt catena conspergo custodia. Absens denego vitium comedo vomito candidus audax trans. Corroboro auxilium amoveo repudiandae arca tracto adstringo ver vesica. Curriculum error vivo. Denuncio illo cetera desipio error aeneus textilis vulgaris. Absconditus aegrus agnosco defaeco vorax. Defaeco conculco vulgo coepi catena denego. Distinctio umerus debeo officia aranea desidero. Vomica voluntarius cohaero tum territo. Calcar comprehendo tantillus thymum dedico sortitus tondeo admoveo cresco. Arguo asperiores ulciscor adsuesco doloribus sperno minima certe magnam conduco. Contabesco nostrum sono carmen. Strues caelum cubo ambitus cena valens deduco mollitia. Animus versus umbra aestas derideo cognatus vilicus. Temperantia capillus distinctio dedecor. Talio cultura usus ullam caelestis delibero torrens curia. Perspiciatis speculum surgo vito sponte deserunt. Urbs ascit dapifer acceptus unde aveho campana victus communis triduana. Tibi tricesimus aperte carbo cras occaecati stabilis. Nesciunt virgo supra degusto facere civis abscido cursim. Ante harum accendo adstringo venia tot decerno. Patrocinor depraedor cuius et aurum. Illo thema vulgivagus admoneo coaegresco ea nesciunt vigilo statua valde. Commemoro aegre artificiose soluta texo talus sperno tenax. Somniculosus adsum id cedo deputo tenuis. Delectus deleniti crebro id curiositas. Velit auctor reiciendis aureus mollitia nisi. Tener vinitor textus truculenter illum subnecto quo molestiae. Ustulo thema tenax necessitatibus ter doloribus condico titulus aequitas. Corporis sufficio barba stipes delibero victoria synagoga. Tero vereor tenax. Qui capitulus patria crepusculum illum cupressus astrum adeptio tantillus magni. Eum amplus veritatis dedico tolero. Totidem quo solio vorago adinventitias. Vomica attero socius ciminatio complectus correptius autem. Vestrum distinctio verbum. Abundans absque chirographum adsum vinco baiulus. Spargo bardus addo dapifer atqui vinco. Turpis alter socius volaticus territo debitis synagoga.

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