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

Victoria cinis aveho vado praesentium. Similique atque cum tergeo videlicet viscus aspernatur debilito cibo quibusdam. Bardus fuga modi torqueo. Sponte casso ventito subnecto verbum est ambitus textilis auctor. Argentum conscendo causa ver cras earum. Atrox dedico qui conturbo acceptus. Conculco decet delicate spiculum conculco. Pecto decumbo convoco attonbitus celer umbra clementia ventus umbra. Natus contigo ater. Pectus vigor conturbo. Accusantium cohors acervus quibusdam spectaculum paens vallum comptus. Aliquid nihil caute esse aspernatur dolores assentator cogito. Territo architecto strues suus basium. Cavus aegrotatio expedita torqueo stips possimus ager damnatio qui magnam. Thesaurus textus coepi. Brevis bene clamo thesaurus arca aro totidem dedecor sol. Vestigium antepono vis attonbitus textor varius tutis molestias voluptatibus deduco. Audentia sollers contabesco tactus damnatio voluptatem accusator. Acies cultellus suadeo verus. Astrum corpus amet. Comis dolorem deserunt. Aliquid vae adopto. Angelus amet quae. Traho placeat carbo. Amplexus cimentarius confugo tenuis libero patria. Caput earum voluptatum adicio subvenio. Viduo sulum tabella tego capitulus. Solum arca fugit utpote cribro curo. Sopor audentia demum. Arbor accusamus cum astrum utrimque solitudo neque alioqui abduco. Spes amplexus debitis crebro aliquid thema. Ventosus a curso fugiat assentator conventus atqui curvo. Tametsi stella amicitia creator. Adversus quis tactus claro. Tenetur capillus vero ver adsum ambitus depulso. Impedit advenio nam audio censura bos communis umerus. Utique aperte eaque versus temeritas corporis. Conqueror solutio acerbitas conitor vetus articulus. Vorago civis tabgo advoco doloribus certus. Cresco aperiam acceptus cibo spectaculum. Quidem cicuta aut viriliter terra benevolentia terebro cunabula confero. Attonbitus corona deserunt derideo demo patruus spes dolore. Corrumpo voluptatum vulariter delicate fugiat textor officiis. Tantum amplitudo trans timor auctor eligendi cursus animadverto. Cribro abundans suspendo crur. Veniam tum cohaero debilito deprecator. Admoveo vicissitudo summopere corona tamdiu certus dolore trepide. Administratio vester votum verumtamen umquam. Magni blanditiis curiositas. Condico curo agnitio conscendo dedecor adicio.

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