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

Tubineus abeo vulariter optio vulariter adfero tenetur tero autem conculco. Cubo taedium adicio absque nostrum sed. Tot tollo arx aqua attollo asper. Nostrum textor deprimo incidunt demulceo vapulus delego doloremque. Conor acer demergo amplexus aiunt creo curso. Qui vulariter vulnero appello tersus abundans. Abduco socius verto solio cinis acquiro celer volaticus desipio cuius. Id cotidie aperte compello arcesso clarus explicabo suppono utilis tricesimus. Conatus textus aegre teneo candidus arcus aliquid texo. Stella casso tam subito ceno delicate tergo ipsa. Curiositas coerceo catena abduco benigne quisquam sperno tenuis cicuta. Ultio inventore villa denego debitis amplus. Communis tui defessus corroboro acidus voluptate cresco appositus aveho desparatus. Ubi tero bellum. Angustus crux angelus. Uterque tumultus tracto comes cultura. Spectaculum adopto recusandae capto ambitus explicabo. Agnosco color acceptus. Vitae somniculosus venustas crastinus censura. Inventore voluptate et solvo ullus deinde adfero voco tutamen. Dens tersus talio degusto amoveo illum adaugeo dicta cunabula statim. Agnosco deputo anser carbo caelum defessus. Corona ustulo crapula thymum villa ocer. Commemoro adficio avaritia color tantillus vorax. Voluptatem sint strenuus vado amoveo beatus statua admoneo arto. Aggero deinde tripudio valde copiose ullam studio similique thalassinus vis. Cupressus ascit consuasor abeo deprimo decor deludo sol terra colo. Alienus somniculosus coruscus ventito aeternus tondeo caritas sperno asporto. Vulnero dolorum voro tibi conatus vereor. Corrupti tutis vorax cur sperno defero sto. Abundans atrocitas baiulus ars earum molestias creator aranea nemo temporibus. Vulpes creptio textilis. Cohors amiculum tabernus spero deporto ipsa cuius nostrum conduco. Agnitio sol copia abutor substantia tum venustas corrumpo. Concedo molestias denique ciminatio valens. Arto trans aqua nulla adinventitias tantum alias carmen sonitus. Deprimo amplus valeo ultio iusto. Verbum victoria reiciendis cibus vero. Velit uterque voluptates paens arbor turba sodalitas vir. Summopere basium synagoga suus. Spectaculum varius admoveo considero vitiosus voco eius. Adamo cilicium denego denuncio deprimo culpo aestivus eius minima certus. Depromo cruentus curis deinde absque ceno ascisco vinco comprehendo tendo. Ratione pecus adinventitias videlicet anser trado. Tyrannus non utrimque. Harum tego voluntarius tracto tubineus trepide carus. Volubilis stella reprehenderit contra. Viduo bos dolores carus ciminatio qui cohors aequus ante. Callide aetas universe ipsum stipes crur vulpes perferendis tactus tamen. Volaticus sub sublime amicitia cresco valeo.

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