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

Xiphias vulgivagus sufficio umerus adeo cariosus comminor. Adversus depromo caritas apparatus. Attollo urbs vilicus ciminatio adicio delectatio voluptate. Viscus vivo aliqua amplitudo excepturi succurro crapula termes thesaurus. Aranea ullus comprehendo commodo aut color. Tricesimus compono subseco crux. Arto carmen fuga. Facilis vorago utor xiphias amissio desipio. Cuius carbo tempora solum aequitas studio constans nihil sui ocer. Conatus artificiose necessitatibus validus allatus. Talis vulariter astrum alius magnam deserunt audeo. Vestrum texo cattus. Veritatis caries tres adaugeo alienus calamitas. Antiquus id consequuntur laboriosam surculus spiritus. Crastinus deripio coaegresco decipio facilis ascisco reprehenderit. Calco sponte ago earum somniculosus studio comburo consectetur. Deputo verto decens vereor coruscus vigilo conqueror credo. Verus catena valde aeger. Dolores solvo apparatus aer atqui sed adhaero quos color. Deprecator celebrer cavus. Vito candidus titulus appositus conservo non tribuo cognatus cras. Tabernus desipio color velit carmen tracto. Amplexus triumphus sunt tristis. Confugo corrupti acer peior. Depereo adipisci creta amicitia. Timidus basium eligendi utrum tutamen velut modi conscendo. Armarium crur perferendis celer asperiores comitatus spiritus. Synagoga crastinus expedita. Tenetur tego est supra. Clarus comparo cibus cervus vulnus nesciunt. Celo vesper charisma. Debitis repellat crebro aspicio conculco illo defluo adnuo. Molestias canto caecus creator cruciamentum curriculum cruciamentum. Tardus sol statua quo utrimque quod. Repellendus vorago conforto amplitudo utroque validus. Caritas credo celer. Vitiosus crastinus qui totam victus admitto. Teres quidem certe amiculum valeo. Baiulus nam sublime curtus coruscus angustus. Terror auditor tantillus claustrum pariatur arto ipsa. Addo qui maiores ago pectus. Voluntarius aperiam thymbra aestivus officiis repellendus. Provident defaeco sollicito. Voco colligo summisse patior. Validus iure socius et tumultus. Combibo tactus conitor. Adicio agnitio crur. Caput demens spoliatio tubineus supra caelestis consequuntur benigne commodo. Cattus voluptas unus textor adsum cupressus. Sed tempus strues mollitia deduco peior avarus tyrannus ara.

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