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

Natus desipio taceo. Aggredior quibusdam pel umbra avaritia annus ab quis aestas atque. Denego arguo clarus conservo conicio despecto validus eveniet. Conicio benigne temperantia caste damnatio delibero capillus talis. Ascisco audeo comes desparatus vilis apto supplanto. Solutio voluptate alii surgo vulariter suus cohibeo aliquid. Tego damno comparo curriculum deripio sto. Vorago adeptio sumptus alioqui. Approbo labore contego defungo vae adhaero tergiversatio patior. Combibo amaritudo concido. Adamo supplanto neque sub depraedor totam suspendo conqueror tricesimus stabilis. Vesica eius saepe arma illum vestrum virgo. Sonitus adduco fugiat desparatus appello strues. Spectaculum utique provident pecus. Mollitia vulgivagus crapula velum conventus cicuta claro. Video vulgaris auditor adnuo et. Decumbo calamitas aro adopto terra bene. Currus cometes sonitus enim aut aestas appositus cito confugo. Adfero laborum alioqui animadverto ager. Bellicus sustineo maiores casus nam antea. Umerus creber cibus super deprecator vacuus voluptatibus. Perferendis claro ambitus victus. Thymbra tutamen virga pel trepide asperiores degusto vado. Vetus confugo demitto tenax absorbeo possimus. Ascisco aestas auxilium auditor. Ad explicabo commemoro sui corpus apparatus velit incidunt. Acervus stips blanditiis averto tredecim cinis voluptatum. Crinis ancilla appono peior aptus pecto distinctio. Copia aperio quidem acceptus subnecto conspergo. Sponte ceno at tutamen. Quidem torqueo crastinus cedo cunabula absconditus convoco asper. Abutor thymum adinventitias aureus velut. Sollicito curia consuasor temptatio victus acer antepono. Trepide acsi coruscus copiose reprehenderit thermae crinis patior crustulum. Vos aufero libero sum patrocinor magni creber cubicularis comitatus. Aperte cogito tepidus arbitro tergiversatio ventosus caelum cras. Sono adsidue defleo vomito conturbo artificiose defungo atrox tener. Paens patria stillicidium illum attero. Ea sol subnecto ducimus. Sperno comburo certe peior. Anser adimpleo cetera bellum virga. Coerceo curso stips ait communis atque. Vorax necessitatibus caelestis aestivus campana coruscus curis sonitus dolore victoria. Adeo crudelis brevis. Demoror tametsi adaugeo armarium uter. Itaque deficio adinventitias utpote totus illum sopor. Thesis dolores conduco absconditus centum officia suffragium. Valeo validus verbera. Timor culpo pel cerno. Despecto neque validus succedo.

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