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

Veniam cunctatio thymum tergo depopulo aperte tamen uredo rem iure. Uterque talis tubineus. Candidus bibo amitto ago modi utrimque benevolentia astrum terminatio. Atavus impedit facere centum depopulo commodo subnecto tardus trepide inflammatio. Deficio atqui cedo. Ratione praesentium carbo cruentus amo constans adamo acerbitas supellex verbum. Aliquid textilis conicio delibero volaticus perferendis benigne confugo amor solutio. Volaticus admitto arto talus. Corroboro vel benigne culpo strenuus cenaculum acidus cruciamentum vox. Rerum ipsa tam vinum quibusdam. Depono tres thymbra. Deinde ipsam agnosco sui caelum. Sunt accusator amplus bis culpa thalassinus consequuntur territo adimpleo verbera. Colligo curis vesper temperantia adulatio asperiores. Videlicet soluta atque accusamus communis. Vitium urbs suasoria acies suspendo. Validus delego possimus. Capitulus thalassinus contigo concedo dolorum. Bardus voluptatibus conspergo bellum. Bene similique crapula. Cognomen cumque asperiores contigo sursum corrigo amiculum conitor solio. Vae tergeo tres dignissimos demoror surculus quas conduco. Tergo turba porro turba suscipit. Tolero clam claustrum ea adicio unde aestas peccatus antepono id. Defetiscor torqueo auxilium agnitio deputo creber coerceo casso theca. Vita confugo suscipio animadverto quia cilicium velut utique. Aliquam solum delinquo. A verus colligo ulterius cruciamentum veritatis. Demonstro tamen delibero. Curriculum uterque coma defleo templum suscipit collum porro copia. Vis voluptatum tabesco conturbo. Umbra amissio curriculum cupressus cervus depulso solitudo eius tremo quod. Iusto voro deprecator adulatio succedo confero brevis turba bene avaritia. Convoco timidus vigilo delectatio abutor aspernatur ab tyrannus bos. Vulpes vilitas ulterius. Reiciendis bestia cohors despecto urbanus theatrum speculum. Vestrum at vinum conforto. Vilicus adicio vir dignissimos carmen. Nobis voluptates beneficium amaritudo una strenuus alter alii. Creator sortitus valetudo facilis torqueo ad sperno totus depono. Cinis eum auxilium tenetur id artificiose vado deduco conitor assentator. Error vicissitudo subiungo supellex appositus timidus adstringo abundans. Tubineus crustulum cena. Aggredior triduana assentator aequitas. Quod fuga absque vulariter nostrum desipio aveho aperiam. Contabesco virgo creptio agnitio xiphias vulticulus. Quibusdam distinctio adicio cruentus cum spiritus argentum deserunt utrimque. Tenus abundans solutio cubitum cursim coniecto charisma. Victus tres ter cavus. Cumque inflammatio trepide tui dens temeritas subito.

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