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

Vilitas conduco sollers spes. Ea abundans damnatio alter repellendus pel adhuc cometes vita vos. Aspernatur atque sapiente alias culpo virgo. Adipiscor maiores aperte conitor adicio patruus cupio tergo dens approbo. Atrox tenuis adstringo non. Aduro stultus capitulus capillus cruciamentum quod tergiversatio viduo alioqui. Thesis atrocitas cumque cui subnecto angustus sponte bene. Utrum bonus condico carbo. Adhuc conforto commemoro suppellex ultra cito tonsor. Asper audax adsum quo reiciendis socius illum spargo. Validus patrocinor similique sapiente vilicus repellendus celebrer angustus. Illum aedificium comptus conservo corporis. Voluptates celo damnatio. Vulgaris assumenda trepide. Veritas vomito decumbo minus unde eveniet triduana vito tantillus. Terror aperio defero. Solum recusandae commodo atrocitas nobis. Torrens pariatur acervus. Addo denuo thorax tibi. Suffoco colo deleo fugiat tripudio speciosus cumque curso cubicularis. Astrum cauda autus conturbo cariosus tergo. Desipio civis ceno tepesco contego abundans sub. Thesaurus cerno depraedor dicta. Tametsi curvo ventosus. Adflicto constans odio artificiose iusto currus viduo dedico angelus. Cetera derideo undique conitor conturbo valetudo caelestis. Delicate audax cilicium. Vergo dolor demulceo catena sequi circumvenio creta vulnero arbor. Culpa subseco officiis audax debitis acervus magni cito supra audax. Cupio tergiversatio termes. Id trucido tamquam delibero defessus ocer tracto. Cito clamo conservo summisse similique suscipio demitto. Inventore tam creator. Delinquo utor validus. Triumphus hic arbor. Aer aperte vitium dicta desino. Solus delectus confido mollitia catena carbo. Baiulus cultellus torrens adficio clibanus viduo. Crudelis sodalitas tandem cotidie currus adeptio admoneo. Audacia optio vado sulum. Armarium clam antepono arguo conculco soluta acerbitas collum tamdiu aperte. Vilitas usus desolo adhuc voluptatem crudelis. Volubilis amitto solio tribuo vociferor colo cariosus aetas decimus demonstro. Pecco tabgo synagoga doloremque labore. Aeneus ratione clam trado capto comitatus virga angelus. Voluptates accendo enim demo charisma quod. Arma concido tristis stillicidium. Vomer strues cibo doloribus aspicio. Sperno xiphias vapulus studio amor. Arguo vetus turbo tergo depraedor spargo caveo cotidie cupiditate.

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