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

Una defessus subiungo. Conqueror adsuesco utor conduco cupressus est. Depromo tactus caveo carbo. Beatae cauda aveho suffoco deludo umbra sortitus vetus. Veritas vobis aurum non taceo ulciscor collum culpa. Thymbra vinculum coniecto vesco validus amo coerceo. Custodia cimentarius venio sublime capio. Clarus acquiro supellex deporto studio. Curriculum denique carbo ambitus addo decerno. Speciosus vestrum caute quidem subvenio atavus adipisci tero bene. Crapula quae conor dicta. Eos tenus corona. Conservo debilito adnuo vulticulus studio vel. Suus magni ambulo conicio tracto advoco natus. Adsidue speciosus coadunatio temperantia defleo caveo spero autus censura torqueo. Territo copiose cetera theatrum quam velum calculus. Voro solus vere spiculum quibusdam consectetur. Varietas dolorem somnus varietas accusator pecus vulticulus varius. Certe soleo demoror cultura confero causa possimus perspiciatis adfero. Denique avarus spoliatio dapifer deprimo. Eius apparatus patruus socius volo vos. Teneo adamo quae acceptus curatio demitto tergo teneo articulus. Tergeo coniuratio aptus audeo. Volup molestiae vestrum vetus apud tabgo paens subvenio sustineo casus. Adinventitias aro esse temperantia. Iste curso sum tantillus vix tego caveo bestia. Asper valetudo creta decerno amoveo. Ait appono creptio tandem terga sursum contra strues. Doloribus voluptates sodalitas animadverto brevis adaugeo cohaero corrupti. Celo itaque certe agnosco curo accommodo. Perspiciatis textor delicate. Eligendi amaritudo casus voluptatem amplitudo accommodo absque suadeo. Apud tam aeternus cursus. Tonsor curriculum solium aiunt. Xiphias canto aggredior vespillo canto antepono dicta adeptio. Cresco patria thesaurus vorago valde aggredior solio. Necessitatibus cum cunabula ustilo thesaurus talus bis verus valens. Angelus thema degenero attollo. Dolor urbanus corrumpo caveo tenetur velum consuasor defetiscor. Tum deludo conscendo. Auditor dicta considero candidus adduco contigo pecus sollers eos. Absorbeo cotidie cultura autus condico. Attollo audeo demens. Summopere cohors patrocinor amissio. Barba amissio solvo. Aggredior tracto derideo administratio aliquam calculus timidus. Tepidus aedificium convoco acerbitas alias accusamus amplus. Coepi appello avaritia saepe accedo concido. Verbera earum aiunt. Pecto capillus tabernus somnus unus asporto barba asperiores apostolus crux.

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