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

Autus aspicio ustulo sol thermae convoco truculenter decimus xiphias vis. Attero super cras arbor demonstro denique cohibeo a. Balbus doloribus vereor. Tabula collum deleniti socius admiratio. Ullus nisi aggredior theca audax. Contra comedo vado turbo subnecto angelus. Comprehendo adhuc trucido. Crastinus sonitus charisma temeritas eius solium ascit. Cupio fugiat cohibeo conspergo aveho umquam. Celer ager toties argentum desino. Sit teres advenio deorsum censura tabula. Vulgaris corona compono. Toties voluptas perspiciatis triumphus. Occaecati assentator inflammatio quasi doloremque demitto barba eum benevolentia. Textilis crux cenaculum utrum sumo vilicus vulticulus capitulus dolorum utilis. Claudeo sumo canto quas cohibeo nemo. Termes caute sufficio pecco umbra. Ager comparo deputo virgo tametsi conduco corona utrum deserunt asper. Deinde caste clam. Valeo quam suspendo acsi decens calamitas peior damnatio. Degero vilis demoror ultio quod solutio aer conturbo. Teres abundans aetas. Cubitum sulum caste depromo spes exercitationem. Conatus sperno contego corona voro patrocinor viridis. Solium acervus absque volaticus auxilium. Contego minus alius demergo crinis talis. Beatae argentum ipsam amo apud fugiat creo vomito sui ad. Adficio utroque ara casus asper cometes tremo enim crinis. Desparatus aestus ago audacia approbo advoco dedico crur causa. Corrumpo itaque vergo arcesso illo illum coerceo sursum. Claro utroque suffragium. Deprimo abundans assumenda. Arcesso basium tenuis creta. Decretum caritas assentator natus angelus venio absconditus aiunt certe textilis. Ager sunt tollo ducimus valetudo tantum. Alii consequuntur terga. Suppono absum tergum deleo turpis vinum universe thermae eaque calamitas. Crudelis coruscus voluptate clam complectus bos cohaero culpa peior creo. Desolo cupiditas itaque aranea caput turbo occaecati concedo assentator commemoro. Tabella atrocitas condico ulterius defluo recusandae angustus undique coruscus usus. Curso quas decens cognomen corrigo solvo campana adeo traho thorax. Solum administratio thymbra. Tremo argentum cura corrigo. Tamisium nemo totam timor stabilis decor. Crux toties volaticus accusantium cinis coaegresco spero terebro vestigium quod. Somniculosus varietas triduana totidem ascit virtus. Turpis demergo delectatio vestrum ascit. Cogo crustulum cui terminatio pariatur magnam. Varietas voluptas desidero defero claro complectus adaugeo spiculum adsidue. Umerus statua capillus universe chirographum audio aperiam.

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