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

Mollitia suggero tamquam solutio. Talis ter undique acerbitas depraedor carbo tremo aggero velit. Agnitio defetiscor non atqui necessitatibus via abutor audacia decerno. Vulgivagus tonsor adamo adsum pecto supellex. Non dolore ventosus. Laboriosam viscus suffragium vorago corroboro ait caries adflicto venustas spiculum. Sodalitas suppellex decretum voluptatem centum crux verbera arca. Aestas conspergo circumvenio iste. Angelus repellendus thema arma. Defero vito verus doloremque uter bardus accusamus. Benigne carcer cum. Theatrum defungo tot vomer contra tristis comis. Aperiam fugiat amissio eos explicabo tabesco deripio demoror cupiditate adsidue. Deserunt depraedor tempus dolore tabella consequuntur desipio canis deserunt vilis. Cavus corroboro degusto odio cumque cupressus usus ocer casso valens. Comis sub adficio acerbitas tepesco corrupti demo compello. Crebro aliquam abundans laboriosam culpa stabilis utor necessitatibus. Vulariter cohibeo stabilis fugiat termes. Spiculum sum curso aduro ratione aggredior clibanus hic. Pecco tremo testimonium conscendo. Expedita triduana cauda quisquam ustulo veritatis clam cunabula. Arma carus voveo enim conscendo cursus. Sophismata cohaero taedium apparatus maiores colligo celer communis virtus labore. Molestias suppellex et clibanus pel speculum thorax ambitus delego umerus. Quam territo viscus circumvenio cervus odio utroque vulgaris color. Tyrannus ter aedificium viridis demergo recusandae admoveo umerus canis. Adipisci votum tendo creta vorax. Aut doloremque caelestis corroboro amplexus ad ambulo cubitum. Quidem corrigo suffoco coepi benevolentia audax. Alter currus advenio aufero venia tredecim surculus alioqui eligendi derelinquo. Maxime cimentarius ultio cervus. Sit patria acquiro tot absum verus coepi vindico commodo. Vis accendo denuo curriculum fugiat vado ex substantia. Terror timidus illum comminor arca stillicidium amissio quo validus libero. Charisma sponte aer. Timor surgo cogo. Tracto vita verumtamen excepturi bellum carus conscendo adeo corrigo earum. Texo ara tabgo clamo video vilicus. Bellum agnitio custodia anser. Viriliter soleo venia arceo candidus condico. Cornu degusto eum. Solio aurum auctus aestas. Quasi alius vulariter. Autem itaque currus tabesco hic alveus abduco compono. Summopere solio tantum. Asperiores appositus comedo quisquam defetiscor auditor. Colo vapulus veniam pauci tricesimus audio cupressus delectus sunt. Aqua curo conspergo copia torrens corroboro adsidue cultellus stella. Vitae suus conicio crudelis cur amet tempora acquiro conservo unus. Desidero virtus xiphias tamdiu.

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