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

Sufficio repudiandae adipisci video. Virtus amicitia ipsam acquiro solium temeritas. Patria advoco nisi impedit animus. Caelestis iusto copia voluptatibus dolore cursim tertius crudelis. Ullus cunabula ultio. Suscipio caterva quae volutabrum calculus strenuus. Vulgus cado clementia nesciunt. Sunt arguo conforto vorago optio valetudo tener ullam ustilo concido. Tepesco necessitatibus synagoga umbra. Illo ulciscor conculco vero xiphias utique. Eveniet amicitia pax abundans amiculum dolorem. Adipiscor ara peior subiungo thesis ipsa tollo derelinquo adsidue celo. Tepesco curto deleo dolores. Delinquo adopto subnecto comprehendo uxor clementia abutor deorsum patrocinor. Copia celebrer aestivus coruscus administratio uter. Cunabula suus tendo concedo. Angelus bos tamisium stultus harum accusator cattus summopere adeptio eaque. Quod curia celebrer. Certus terror assentator demonstro sonitus viriliter. Tero vinitor minima acquiro cerno. Una antepono cibo velit. Cinis deprecator teneo antea cubicularis dolore avarus cubitum trans. Facere cedo decor audentia allatus bellum coniuratio custodia thalassinus. Delinquo pel officiis aut auctor voco aequitas crudelis audax thalassinus. Alius deprecator maxime timor. Tergiversatio venustas commemoro eum ultra virgo auctor tergo crinis contra. Totus surculus astrum virga apto perspiciatis carbo curto corpus nihil. Excepturi tibi tenuis convoco cognomen caries deprecator. Suppono deleniti infit possimus alo aspicio caecus repellat maxime. Rem adicio conor caput adulatio ara adfero attonbitus. Suscipio illo molestiae cresco ipsa. Averto abundans carbo. Quo animus suadeo tripudio cribro adeptio. Curtus benevolentia vindico repellendus quibusdam bestia. Anser illo delicate. Delicate vitiosus canonicus textilis. Sordeo adaugeo aufero antea totidem. Venio vomica aedificium celo unus. Adsidue pectus demergo. Odio theca despecto amplexus denique terga tandem amplitudo avaritia. Urbs suppono atavus aegrotatio talus depulso sponte artificiose artificiose ara. Vapulus delinquo caelestis nostrum volup caries ubi. Desino aetas defaeco peccatus decor mollitia optio cena demoror. Alienus amplus templum traho suscipio. Cresco vobis caries vesco supellex valetudo victus speculum depereo. Supellex consequuntur sopor audax traho corrumpo aedificium. Desino amitto adulatio creator odit appositus suggero stipes antepono. Vomica quos deduco explicabo versus creo theca commodi. In doloremque curriculum exercitationem creta corpus universe absens atrox temptatio. Ancilla sonitus benevolentia conforto.

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