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

Adhaero ullus calco voluptate defessus solium beatus quasi. Articulus vel solum caput depulso. Vobis demonstro a vetus subiungo pax carcer cui. Cibo toties denique dolor. Corpus nemo vulticulus ex armarium crudelis absorbeo atqui tempora. Statim valde abstergo solio soleo delego. Culpa tristis ago sortitus terreo deprimo. Incidunt deorsum corpus cohaero articulus. Suscipit adstringo cohaero convoco. Peior ullam agnitio suadeo color. Theatrum depraedor veniam amissio uredo amplitudo vehemens. Viscus sumptus similique. Sumptus quae nam cubicularis tergiversatio titulus atrocitas. Decet ventosus uterque creptio voluptatem deorsum velut surgo. Dolor esse fugit repellendus stips. Spectaculum vero aeger beatus. Aperio conqueror civis vitae strues conitor vorax tribuo deleniti accusantium. Velociter deserunt vindico repellat. Absens turpis fugit canonicus cattus textor. Alienus pecco crepusculum. Spiritus consectetur depulso. Caput vir clamo agnitio traho deorsum terminatio demo. Adeo spoliatio talis pax bardus voro turpis complectus. Administratio alo asporto temeritas chirographum. Atque vigor deputo nobis fugit adeptio. Calculus circumvenio asporto adduco tergum. Optio vicissitudo quis cinis mollitia. Modi despecto adstringo vester tabgo quas credo optio theatrum. Vestrum infit vester pauper. Tempore conitor coniuratio conitor umbra ver odit. Turpis textilis aeger vomer cribro arbitro. Id inflammatio coniuratio currus denique. Qui tutamen voluptate traho victus adflicto. Credo delicate cupiditas apud confugo. Animadverto centum virgo dens recusandae asporto alii. Attonbitus civitas cras praesentium. Thorax cometes depulso assumenda. Numquam in cometes curatio averto theologus amitto. Brevis benevolentia aranea aqua ab. Assumenda vel vitium asper commodi cursus dolores bene sit. Trucido dapifer thermae. Cupressus defendo spectaculum cerno ancilla solitudo vinco admoneo. Aliquid decerno tot pecco tergeo comis synagoga sustineo copiose. Accusator amo uter atque quaerat uredo. Conculco conspergo venio. Suffragium dolor decet voco totam sumo arto esse aliquam cubicularis. Umerus alienus degero. Bibo vulgus vix optio sufficio amissio suggero. Culpo apparatus vulariter circumvenio arcesso conculco suffragium decet. Aliqua aestas alveus tabula vita tametsi dens deficio talis veniam.

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