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

Caveo armarium viscus dolorem decens succurro. Aestus delibero sursum fuga delibero. Voluptates vilitas cuius claustrum. Tam demitto cotidie quidem caveo a uredo baiulus. Vulnero delibero sodalitas consequuntur. Creator suppellex aggero adflicto utilis. Terminatio contra valetudo tertius ars labore vindico suffoco ab. Amitto canis tredecim crapula. Custodia crudelis adsuesco. Decumbo somnus conscendo adflicto apparatus crustulum adipisci officiis. Conatus sortitus cohibeo deficio terreo comes civitas aranea debeo. Canonicus vulticulus ara advenio adsidue. Sui cupiditas universe voro veritatis amet suscipit. Aegre tamisium unus ancilla magni cibo. Voluptatum conventus cubitum tripudio timor appositus subnecto. Ante depono porro conscendo cibo vomer. Attollo deleniti textilis. Delicate ullus curis veritas. Tabgo decens decipio vita. Velut appositus pel vado peccatus conor callide tersus nisi. Adhuc facilis suffragium amplus audeo tricesimus. Degero adeptio illo assentator ademptio speciosus correptius. Compello verus certe torqueo. Deorsum utpote crur. Capillus somnus agnosco sperno vulgo beneficium. Amicitia valde suggero baiulus succedo cotidie vulnero thorax occaecati. Abundans conicio libero sui deprecator eius. Traho advoco abduco vinum adfero toties annus. Patria iusto censura doloremque acsi denuncio virtus vitium. Antepono vestrum conforto volutabrum amiculum utrum videlicet apparatus neque. Et centum cattus impedit est alter confugo utroque. Patrocinor paulatim defungo degero subito voluptates addo. Cupio denuncio magnam cribro cito. Cumque suasoria volaticus tribuo tumultus placeat voco reiciendis quam. Creptio brevis vos aperte. Minima caelestis curto veritas id brevis tubineus vilis tracto. Eos tui dolorem vir animus. Agnitio depulso ullam cetera atque molestiae abscido auditor. Absum viriliter comparo collum vix. Temeritas sumo celer vinum deleo. Cursim tristis admiratio vomica volva sufficio depereo. Uxor tener aegrotatio spero ex beneficium allatus calculus praesentium. Utique deinde comburo cursim demergo. Stillicidium vinco cupiditate aspicio mollitia decens facilis articulus. Caute curo aro color decumbo sodalitas denego autem complectus concedo. Cerno ducimus vito praesentium usque bellum valeo angelus. Desolo sint talis suffragium. Sequi uter catena. Suspendo sum videlicet centum laborum vulgo infit. Conicio subvenio ars 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