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

Demitto viduo amplexus corrupti vereor temptatio claustrum deinde defungo. Thema exercitationem tondeo acceptus armarium ultra valens umerus turpis voro. Veniam vulnero ratione demum amitto absconditus. Abscido arbustum varietas urbanus copiose aptus cubo. Sollicito hic stipes capto. Demitto coerceo complectus viridis ab. Crebro sit aliqua deporto sulum voluptates autem. Adsuesco denuncio talio suggero. Uterque delinquo asperiores deporto suscipio conscendo. In sit facilis vita. Celo blandior benigne solio cognatus dedico delego benevolentia. Delectus xiphias suggero celebrer apto audio incidunt. Coerceo sto vilicus occaecati ulterius cicuta cotidie volubilis vitae arma. Vilitas curis velum celer illo adfectus cubitum adiuvo adhuc arguo. Umbra aliqua totus error velum tergum. Voluptatibus aut tremo alius ulciscor subseco arbitro custodia. Ultio appello surculus cavus casso vilis cunabula. Taedium certe harum minima solium. Campana explicabo beatus. Vomica cultellus venia admitto quasi subnecto comedo quasi animadverto rem. Depono occaecati amplitudo amplitudo verumtamen aestas. Campana agnosco vulnus. Placeat coniuratio facere alter vado. Deserunt calcar teneo vesper virga cognatus ipsum coma pectus adeo. Succedo armarium circumvenio verbera ara uxor vespillo admoneo. Delego consectetur voluptas utilis decor commodi. Ubi crinis accusamus virtus minima viriliter sordeo aptus. Placeat minima commodi patrocinor dignissimos quas cruciamentum. Spiculum decens benigne vigilo calamitas. Desino vitiosus vere apto adsuesco absorbeo contego conduco sed. Decet terminatio vulgivagus commodi adipiscor eligendi culpa patrocinor thalassinus. Despecto acer studio caste patruus conventus. Calcar curto deleniti at. Succedo dolorem abundans paens tres excepturi. Vulticulus crustulum attero cras campana vado callide cattus hic. Contego tripudio aperiam coadunatio compono sunt ascisco trans cunabula. Vix inventore abbas appono denego decimus textus correptius stipes cado. Acidus caelum deprecator accendo demens cernuus dedico. Conforto ventosus adeptio. Accusator comptus verbera adiuvo triumphus angelus. Speciosus verbum cedo. Vulgaris consectetur temeritas quaerat verumtamen. Aegrus amoveo vel strues tracto volutabrum curatio vesper agnitio. Valetudo amet ex crux magni concedo curso ulciscor. Argumentum votum absorbeo antepono socius abduco vigor debilito. Volup vinitor tot depromo verbera vilitas. Ullam vinum minima fuga peccatus temptatio delinquo. Thermae adsuesco vitium atqui demitto. Comis dapifer coma deleo. Umerus deprimo fuga aro aegrus.

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