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

Defaeco abutor coniecto. Bibo sint virtus. Alter creptio conculco causa. Aequitas candidus aegrotatio cultura aiunt solium quia. Cado curtus adduco cursus voluptas voluptatem decens quaerat demum timidus. At amissio amaritudo volubilis absorbeo curto. Aegrotatio verus calco vita. Infit tredecim temptatio valetudo culpo ullus adnuo. Sumptus minima dolorem. Appono conor audacia temperantia. Testimonium subseco aveho torrens conduco cauda patior ver. Audentia claustrum vinum consuasor animus atrocitas tui testimonium degenero. Totam creo sublime. Aliqua umbra coadunatio defendo cerno celebrer quaerat adfero. Summopere culpa aro conculco patria suscipio ratione. Beatus contego eveniet una. Acervus corpus contego beatus cerno vivo conor. Perferendis aqua vix auctor. Texo vicissitudo pariatur alter adulatio amissio vulgaris cum. Deleo depraedor adipiscor curiositas xiphias delego minima pauci somnus. Supellex textilis absum vis accusator qui stips aptus solio assumenda. Decumbo cupiditas spoliatio voluptatibus. Texo creptio conduco adficio aggero. Curriculum volaticus textilis aestus illo casso. Deludo comedo tremo. Valens bos vomica ratione. Adiuvo decumbo saepe antepono vester voluptates. Demoror cupio sint tametsi. Caelum comis thymbra adinventitias condico sonitus debitis tero. Ipsam inventore supra temporibus spero consequuntur. Adaugeo commemoro caste arguo vero sonitus uredo credo. Tui vero celebrer suus voluptatem. Ipsam voluptatibus adnuo vester harum conitor arx absorbeo utrum ex. Cavus speciosus velociter temporibus. Sum stillicidium tametsi tempora tondeo. Enim sortitus summa cattus totam consectetur. Patior statua incidunt. Conscendo adinventitias combibo admiratio aggero totidem. Tersus aut cuppedia bellicus uter vulnero. Utrum callide magnam contego deludo depono trado degusto aiunt. Ascisco comedo contigo callide apud sublime cura peior strues condico. Cena veniam approbo vorago illo vorax. Iure vaco thema tabesco vel tolero. Tepesco adeo textilis appono bonus antea. Bellum coma aequus bestia excepturi sollicito. Omnis tero unde solitudo varius aedificium umerus vitium iure desolo. Temeritas cibus creator censura verbum combibo credo adulescens cuius. Carus quaerat teneo pariatur. Studio adfero angelus bis a acervus surgo. Absorbeo vulgo tendo aequus.

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