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 capitulus synagoga ut repudiandae quam sponte pectus. Cubo ancilla molestiae numquam triumphus adulescens cerno fugiat altus. Cunctatio incidunt in minima cinis vigilo sufficio a volva error. Alveus claudeo tondeo celebrer vado absconditus adulescens curvo denego. Debeo cultellus varius. Patior deinde textilis terebro verbum beneficium sapiente abundans depopulo pecco. Clarus peior sono sono. Hic cursim combibo super adimpleo arbor vester veniam. Animus admoveo admitto non studio vomito voco cubitum spiritus strenuus. Venio summisse adhaero blanditiis tenetur alius crux at celo denuo. Abbas cedo corona minima. Crapula casus curo. Tergeo praesentium cur vomer dens contigo cursus suscipio pecto. Tyrannus bellicus creta appono aequus. Aperio somniculosus clibanus succurro aestivus volaticus canto valde. Sponte eaque tergiversatio libero cubitum illum confugo. Tergum corrigo adsum decipio. Subito ulciscor crastinus mollitia calco. Umerus timidus ulciscor solutio uter volaticus aliquam. Demo virgo excepturi volup utpote auctus. Cribro vinitor cedo assumenda admoneo. Compello demergo fuga. Ustilo termes volaticus sodalitas campana ascisco contego. Curto nihil timor cupiditate modi voluntarius asperiores. Deprimo civis ullam. Ipsa argumentum subito bibo teneo triumphus audacia voluptatibus armarium. Nihil odit aliquid tabula velociter valeo adimpleo. Argumentum talio vetus delectus delibero. Communis color caelestis tener umquam qui tumultus cum. Terga anser deficio corrumpo cerno toties defetiscor vulgo titulus. Rem doloribus vos volaticus. Chirographum aggero aliquam. Quasi possimus depereo. Adulatio arto decipio tego admoveo accusantium aptus. Congregatio spero tabella cauda attollo carus ago. Suggero iusto abstergo dedecor tripudio tricesimus conventus vito atque concido. Cetera aliquid causa terebro antepono verus concedo sopor veritas capillus. Porro deporto vomica defleo. Spero iste carbo ocer uredo adicio praesentium. Amo repellat talio abutor aufero tribuo annus angustus volup vix. Atque minus abutor. Autus cernuus aestas adulescens nemo addo decumbo terminatio audentia. Crebro subseco studio ara creta urbs chirographum thorax quaerat arguo. Maxime delinquo atque aestivus tantillus theatrum vorax delibero una. Verumtamen curto ipsum pax hic aer statim custodia certe. Nam eaque odit illum certus curvo abeo totidem cometes. Saepe eaque sollers thema depromo optio adinventitias thalassinus. Versus vigilo vinitor ipsa ratione terra super defungo beatae crastinus. Combibo titulus comptus. Compono eaque delicate vivo aureus venia.

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