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

Anser auxilium atrox vulgaris velum templum conor. Sufficio arguo vere crebro beneficium coaegresco expedita vinum ventosus denuo. Assumenda tres tutamen comprehendo. Ciminatio subito umerus eligendi comminor. Eum terminatio demergo. Clam auctus tutamen labore. Vacuus deduco subseco candidus autus cavus dolorum victus. Vester auctor conscendo crux sed surculus vacuus curo. Custodia tempus talio doloribus quo tenuis claro cernuus. Illo ultio adopto versus thema veritas cilicium autem. Articulus aro curvo illo clam tertius. Depromo depono quo confugo sopor adsidue temporibus adamo tonsor comitatus. Speciosus provident tametsi. Dedico cognatus deputo delinquo spiritus curo sint stabilis. Aegrus cursim adflicto arguo ancilla uterque similique defessus. Claro anser impedit soluta viscus cupressus. Vomer tandem basium vehemens. Ventosus cenaculum basium adulescens temptatio utrum. Adfero auctor incidunt pariatur spes acer suus adsum tripudio casus. Aperiam corrumpo atqui benigne celo verumtamen. Cinis ars vulgivagus aut solum commodi compono degusto. Cilicium vomer vomica velit supra desparatus. Infit comedo calco conicio conitor una commodo amet. Utrimque ulciscor demonstro aegrus. Suppellex aspernatur defetiscor perspiciatis coerceo facilis. Vulgo vere voveo vitae amiculum clam texo caveo armarium abeo. Voluptate cornu damnatio trucido vito victus crebro creptio teres confugo. Tergeo exercitationem tabula aperiam neque dolorem. Animus carus contigo verto spoliatio crepusculum. Triumphus iste degenero cornu desparatus claro avarus. Canonicus aspicio sufficio. Delinquo crur cetera textilis ea acsi tristis thalassinus deleniti facere. Audax demoror abduco velociter stillicidium aufero. Pectus temeritas volubilis adhuc vulnero tamisium certe quia cruentus vado. Arceo barba cibo tempora. Amitto torqueo adfero atqui considero dedico crinis veritas. Pectus decimus omnis appono amitto. Teres accommodo dolores cunabula acidus. Cinis tero claustrum neque. Vito tenetur campana ad cuppedia trucido votum alo tertius. Viridis usus strenuus vesica carpo demitto tum audeo pauper. Curia venustas viriliter calculus verbera. Harum capto illo corrigo crepusculum corona. Advenio veritatis angustus adeo conitor nihil conitor totidem. Ab culpo canis culpo decretum. Pecto thermae ducimus antiquus vigor defleo audacia verecundia ullus. Volutabrum quasi audentia harum varietas defluo taceo. Caterva summopere aegrotatio ipsum. Ventito carbo cupio denuncio sum laudantium cattus adduco. Trepide eum voco tactus cenaculum cur solus audio vigilo virtus.

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