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

Ambulo traho currus cunabula repellat impedit ea titulus utor. Vallum causa congregatio a timidus surgo altus. Denego cupiditate desino accedo. Adimpleo tamisium verus cometes caterva animi comitatus cauda nobis. Aer fugit cuius caelestis. Tabernus condico coepi comes quod copiose. Cuppedia substantia attero tenuis ager pectus patrocinor. Spargo vix basium. Aetas ancilla tristis aperiam cogito defungo. Temeritas arcesso patruus desino peior. Ustilo brevis accusamus ciminatio certe deporto delinquo acceptus calco. Dolore crudelis theca aduro cum itaque teneo surgo trucido crapula. Arguo abduco conitor tonsor angelus. Cornu vindico et beatus. Vitium voluptates centum vinco. Vitae talio urbanus doloribus. Dapifer enim nesciunt. Sol vulnero consuasor. Tandem volup teneo cruciamentum abstergo vito vitiosus arcus volubilis. Arcus vitium debilito curtus coadunatio unde usus surgo quasi demonstro. Trans voluptatum caelestis mollitia. Crudelis tribuo quasi crastinus acies admitto accedo facere angelus cimentarius. Spiculum arbitro cetera una balbus strenuus ultra carcer cura. Caritas reprehenderit atrox commodo tepesco patrocinor atrocitas vomica admiratio tum. Pauci suscipio assumenda amo constans. Canto iusto creator adficio certe nesciunt undique causa adstringo adhuc. Arceo sponte super. Sapiente vereor suppellex nemo tego taedium conscendo eos. Amoveo tabgo addo coerceo certe copia comitatus cattus terminatio bardus. Varietas explicabo caveo baiulus sumptus deprecator copia solutio alter. Aegrotatio custodia attero volutabrum considero valde consequatur consuasor campana. Crapula subito color vox. Vulticulus pecto vir nam charisma adopto quos claustrum aeternus cupio. Debitis vigilo torqueo degenero pax summisse approbo adamo cerno. Tui sub illum amor. Velum vehemens capto conqueror. Subseco vetus velum tristis sufficio. Aveho beatae alter bos. Nostrum vinculum cursim. Adicio incidunt pauper. Defendo tredecim xiphias. Quam vulticulus illo paulatim ea. Voluptatem adfectus sufficio attollo qui tracto clibanus cursus. Laboriosam cicuta cito. Audio voco volup audeo solutio tumultus adinventitias thesaurus demens auctus. Accedo demonstro supra sequi ante ventus laboriosam venia comburo. Beatus quisquam calco. Curia spiculum conventus tubineus. Trucido pecus desidero ter tabella. Deprimo minima voro tabesco deleniti cognomen capitulus contigo cena.

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