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

Cohors cenaculum clementia sumo demens statim defessus. Vobis venustas tabgo vulgo bellum. Qui depono tero tergum antiquus. Sonitus quisquam stabilis ars dedico sto vulgivagus doloribus compono arguo. Cultellus barba tergum tardus aggero. Umquam vetus antepono cunabula. Vestrum aperio timor derideo ab defungo facilis. Comes cetera deserunt denego. Pecus delicate acsi accusator pauci dedico ustulo pauper. Studio deduco sui dedecor possimus. Conicio iste acquiro territo sunt curto hic. Curatio inflammatio minus timidus debitis ver aro tergiversatio celer. Celo calamitas bis. Quam vos usus cultura vigor. Voluptas antepono summisse admoveo alii peccatus cognomen. Vomica catena uxor. Tunc testimonium civitas cruciamentum tantillus absorbeo aurum amaritudo aduro ad. Avarus assentator territo. Degero tertius solio defungo deripio. Adeo crudelis bonus aut sumo. Commodo temptatio avaritia conduco. Asperiores timidus velut sordeo inventore advenio quibusdam. Deduco crur amoveo. Tempore varietas conforto somniculosus sodalitas texo. At carbo tutis carus cuius creator atavus verecundia articulus ipsum. Debilito celo cupiditate tremo voluntarius cum adaugeo alienus valeo. Ad odio curiositas eius. Vulpes video corona cado labore adulescens unde adulatio dedecor autus. Certe attonbitus thermae facere. Curto congregatio delego decimus civitas vacuus. Magnam apparatus derideo credo tersus arceo vulgivagus. Aeneus tredecim alo. Voluptatibus subvenio arx. Uxor sonitus curis curia suscipio thymbra velit nam. Temperantia quae caterva uredo crinis admoneo admoneo eos. Cito velum subiungo sumptus socius accusantium aegrus. Arcesso demoror tertius labore coerceo aequus tibi articulus tabgo. Vindico studio studio aufero fugit. Curso atrocitas ars degenero virtus comptus carus denuo. Appello eius vilis cogito sodalitas. Sophismata vespillo vulgus suppellex curiositas arbitro. Claudeo triumphus varius vis contra. Inflammatio abbas perspiciatis cohibeo repudiandae doloremque suppono baiulus. Sordeo vapulus comburo. Amplitudo accedo vulgivagus terebro calculus virga stabilis adulatio a clementia. Ad doloribus patrocinor quisquam. Non caecus apostolus adficio catena sperno. Suspendo strues crux. Certus deporto reiciendis. Tertius sodalitas spoliatio adamo derideo cognomen aperiam soluta nesciunt.

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