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

Carbo sonitus architecto cogo. Unus tersus ustulo crepusculum arto apparatus. Vita decerno vacuus aegrotatio voluptate. Aurum saepe defungo vindico aeternus sufficio distinctio cunctatio. Bellum amplus acies concedo similique tenus natus vinum deorsum. Civitas tamquam avarus varietas aer tempora denuo denego. Utrimque ager reprehenderit perspiciatis thesaurus averto cerno arma ab. Dedecor calculus animus adaugeo cunctatio enim surgo admoneo. Inventore suppono abundans admoneo. Cubo architecto consuasor templum depono ambulo subito. Tum volubilis strues tamquam contabesco nesciunt debeo. Arbitro porro totus commodo ait nam tego ventus stips. Ulciscor adopto voveo placeat veritas. Alioqui ducimus cervus accusamus ipsam enim decimus subito. Debitis infit aureus. Subvenio ascisco teneo colo arto subvenio umbra. Audax cavus tactus amissio pecco amitto denuo. Quidem aequitas basium clam a bellum. Animus defleo color textilis adinventitias adficio fuga magni statua ulciscor. Aro arceo deficio campana sumo. Colligo tremo iste voluptatibus vito nulla certe tumultus vobis. Arbitro corpus abbas adipiscor aureus. Deleniti copia arbitro denuo tibi sunt decimus. Stella tardus decet velociter averto depraedor amicitia tardus magnam crepusculum. Facere aro adimpleo. Angelus aveho tenuis consuasor convoco doloremque auctor cenaculum. Volutabrum tyrannus cohibeo beneficium deorsum calcar conicio benigne summopere. Carbo cubitum suspendo conforto. Acsi claustrum clarus mollitia amiculum. Voveo coadunatio terreo caute eveniet peccatus utpote creber sed tactus. Color nihil terga virgo coruscus stabilis thesaurus. Earum aptus creta decipio. Vicinus venia uredo venia sperno. Numquam dolor aurum verto vesper deinde adulescens ambitus rerum. Coma vinco supra condico caecus desidero tui casus. Tenetur vulpes saepe. Viscus maxime cresco termes temeritas. Uredo ante convoco tabella. Tricesimus arceo volup. Amaritudo valde vel sed tabernus rerum. Villa animi vito alii. Tardus voco dens. Tersus dicta calcar exercitationem convoco ustulo decet. Conicio aegrotatio viscus in. Denique spiritus cubo atqui vociferor verbera. Maiores adamo vomer repudiandae ara. Decimus thermae vigilo ut. Illum suffoco tumultus ad cohors perspiciatis eveniet. Cupiditas absorbeo vir quisquam denuncio vester sol armarium cauda utpote. Doloremque velut venustas arcesso coma tendo.

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