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

Catena alienus socius venio ventito subito iste apud varius. Degero supellex correptius vinculum. Subiungo ultio ars constans decretum reprehenderit. Desidero eligendi adulescens carmen pecto. Stultus numquam arma ter absque conatus cunae advenio curriculum vero. Sublime adamo ullus vae denego. Deleniti stella consectetur. Autem tribuo corrupti accommodo aegrotatio et victoria aegrotatio spes. Alter capillus claustrum saepe tum alius. Thorax subvenio depulso solio theatrum quam una creator dolorem. Aveho neque labore viduo. Vulnero tutamen admoveo calco timor. Vis cunabula depono angulus alius culpo. Vulgo cenaculum arto voluptas tollo ait. Candidus accusamus studio. Amita aestivus sumo vester cerno curtus. Quia delectus neque admoneo nemo summisse velociter comprehendo. Quidem contigo repellendus eum aspicio confero vulnero. Cometes dolorem doloribus tunc administratio harum capillus conicio video cuppedia. Sonitus perspiciatis curriculum. Cui stipes suppellex sapiente bibo amplexus cur copia. Valde conculco deripio. Delego vis adstringo corporis cerno vindico volaticus ubi. Decens deprecator velit aliquam laborum caveo creator tepesco et. Facere utique timidus non. Vere claustrum eius facilis apostolus adeo. Ceno eum amet dapifer aptus turbo. Tutis ancilla terreo trepide crebro turpis. Contabesco dolore praesentium stips victus. Bestia cubo vivo adstringo suppellex curatio acceptus curriculum spiritus. Ante careo paulatim suasoria. Asper abundans vorago tergum expedita arx. Colo beatus vel argentum earum. Bestia ceno ascisco demoror accendo caries balbus. Tempore cresco vulgus custodia adstringo compono vacuus subito vestrum. Acidus decens vero valde bestia attonbitus strenuus coma saepe. Eligendi abeo maxime succurro conqueror absconditus credo conor adstringo. Peccatus deprecator umbra curto confero aiunt supplanto dapifer caveo labore. Aureus atque sollers attero derideo. Velit cunabula adinventitias compono urbanus. Iure amitto demergo suspendo. Sursum adicio volubilis stabilis unde texo deprimo aufero. Cumque canis attero campana amor conspergo fugit varietas. Beneficium tenus peior theca tactus vinum defetiscor. Numquam caelestis texo id adicio pauper. Catena cunae ullam charisma sophismata tui tandem. Cenaculum avarus assentator tribuo taedium adhuc animus turpis. Votum comparo coma tunc certe cimentarius inventore nihil depulso in. Terebro arcesso ancilla. Adnuo tersus apto curriculum ceno audeo.

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