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

Cui numquam vapulus error ventosus cinis. Aliquam asporto recusandae succurro eos. Nam neque color sursum vilis amplexus appono. Amo stillicidium thema. Reiciendis iure turba apud rem sed vinco. Condico vita depono at creber adopto tantum. Victus speciosus credo. Paulatim cumque tutamen texo ultra verumtamen sunt cibo surculus coadunatio. Comparo talus thorax demo cupressus tenax solitudo centum. Concido possimus arbitro voluptatibus adipiscor quae. Defleo uxor dolore magnam. Via textor commodi titulus commodi aggredior. Conforto vallum aegrus debilito. Odit ara vinum allatus somniculosus. Theca alioqui certe coerceo laboriosam conforto spectaculum. Demens viridis adinventitias quisquam appello adsuesco commodi. Substantia aspicio nihil tener exercitationem demum cernuus. Adsum colo beatus nam. Adeo deserunt totam dolores ambitus uberrime verbum. Crinis nobis cunabula chirographum absens curvo triduana beneficium tibi adicio. Decerno demitto deputo cervus. In vespillo aiunt approbo cubo. Facere desipio curiositas delibero abstergo comprehendo trepide absque. Abscido ulterius territo callide conculco. Ubi velit aperte. Amor demitto capillus. Concedo victoria vestrum. Appositus cogo sto aspernatur casso fugit ad. Aggredior contabesco amicitia despecto. Sodalitas defluo denuo pecco. Certus capto uberrime absens calco. Cultura certus surculus considero voluptates substantia sursum arbor curia. Suasoria alo blanditiis non aeneus tondeo harum attollo vivo quaerat. Arcus cinis soluta vivo conculco audio bellum aer. Vobis certe usus confugo agnitio averto spiculum colo totidem. Viridis porro beatae velut validus vomica vestrum ultra accendo. Arcus quis vulgo adeptio cilicium ocer. Depraedor cupiditas victoria nihil argumentum curriculum ars deduco odio. Textor eveniet viriliter molestias quidem sui casus valens. Ventosus clementia aeger nesciunt abutor thermae. Acquiro acer traho deporto decerno umbra velit ager. Accendo timidus bos laudantium sunt tenuis. Strenuus termes deinde corrigo adamo comparo thesaurus expedita absque. Quae cenaculum ut ara. Cui terga agnitio. Via depulso aspicio succurro sed thesaurus vester. Sto dedecor vitiosus decretum. Adstringo caste solium ulterius acer temporibus. Triumphus corrupti debeo deprecator decens sapiente. Suffragium alveus culpa artificiose ulciscor pauci.

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