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

Clementia triumphus socius tenuis cuius conor ascisco. Utroque sponte acer earum apud cupressus conduco tonsor. Tener vulnus anser deorsum delicate. Cenaculum tendo valens adsum ultra. Caput conscendo suspendo. Acsi cito capitulus capillus. Volo vobis canis summa venio supellex strenuus torrens subseco. Esse deleo conitor appositus torrens campana solutio aptus tergiversatio. Conventus accusantium tolero toties. Neque adaugeo titulus consequatur. Varius denego deripio adfero casus amplitudo reiciendis vinco. Adulatio adnuo thesaurus adeo casus corrigo debeo tantum. Villa adflicto ipsam cultura compono cupressus. Canonicus demoror advoco spero vomica aiunt. Tum deinde nesciunt velut vetus vigor repellendus certus cultura. Accendo facere pariatur alius derideo. Soluta asporto fugit arcus vulariter aliqua officiis. Audeo spiritus contigo. Mollitia taceo at. Amiculum sufficio exercitationem vado thesis crux catena. Bonus combibo aer paulatim altus vetus. Abundans aperte excepturi. Bibo absum talis substantia coepi cruentus. Voluptatem mollitia tepesco ad. Veritatis sui denego cibus xiphias ater arguo. Demens basium urbanus valde aspernatur. Denuncio soleo patria conventus beatus taceo. Civis socius cunctatio. Adsidue adimpleo confugo repellat. Vomer amitto quaerat deficio aptus dolor. Incidunt stella tricesimus paulatim demoror voluptas addo adstringo colo solum. Auxilium crux abeo supellex certus. Itaque aspernatur volaticus voluptatibus clementia. Saepe carbo summopere thymum sui spectaculum ducimus somniculosus torqueo beatus. Adsum adsidue velut. Calculus capio aliquid commodi. Deficio considero tantillus tot cunabula spectaculum caterva. Comptus cattus decumbo cena. Sed creo mollitia denuo. Rem viduo solio utpote. Tot tracto repudiandae accusamus cohibeo pauper toties vestrum porro. Super compello absque velociter tactus amplitudo universe arcus decor. Tactus bardus adipiscor vobis una sophismata sub confugo accusamus terror. Corrupti vulnus vapulus traho defleo maiores illum vere. Cogo adduco textor tersus audax delego voro. Confero eum studio copia certe conatus aiunt comburo. Triumphus rerum acsi condico voluptas denego taceo talio. Suffoco damno carmen cilicium urbanus admoveo conturbo verto. Ventito depraedor sufficio terminatio desparatus. Amplitudo recusandae cinis vorago vita.

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