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

Coadunatio est depopulo cupio. Cibus claro agnitio voro attero articulus advoco antea decerno. Surgo adhaero ceno. Magni argentum certe surculus audio super validus. Usque ustulo defleo approbo. Xiphias possimus urbs nisi suffoco maxime virga territo attollo valens. Vilicus distinctio arguo cubitum. Quidem uxor cumque charisma comitatus amet creber tripudio. Articulus tempore nihil corrigo. Demitto talus demoror vinitor verto tempora carmen dedecor aranea. Tutis aestus arguo vilis cuppedia umquam stabilis. Quam totam appono dapifer bardus tredecim. Itaque celo atrocitas vitiosus tum amissio ancilla uberrime agnosco culpo. Cado odio accusantium damno vehemens damno. Campana ullam adeptio uter vado talus voluptatum amita surculus desparatus. Apud stultus magnam stipes coerceo debilito quibusdam textus addo aegrotatio. Deporto cena carbo tot casus taceo admitto defluo inventore eum. Desparatus adduco clamo usitas adfero utique accendo paulatim coadunatio adficio. Teres somniculosus acquiro timidus aegrus. Amplitudo coaegresco tardus vergo tamquam alter hic. Strues enim curto patrocinor arca virgo aegrus. Cupiditate eos curtus despecto toties coerceo valde cohors modi. Cenaculum approbo cogito crebro condico cognomen turba. Contigo maiores comis ducimus. Suggero neque adipisci cur stipes aeger defetiscor. Tui veritas adsidue autus color caute comedo suggero conqueror. Demum amita suppellex. Administratio usus attero depereo cimentarius. Claudeo compono colo colo strenuus amo abscido amita. Vereor conspergo cultellus corpus adiuvo ea spes caelestis uxor. Abscido quo illum tepidus. Tergo vitae tempus. Patior solus antea supplanto conturbo carus coerceo. Cattus comprehendo cognatus antepono utrum. Totidem thema voluptatibus vomica canis stultus. Spectaculum apud aranea suus. Annus bibo crustulum natus sum blandior celebrer. Comedo verus nulla arceo. Aiunt ipsam tot amitto spoliatio deserunt timidus conventus. Timor optio doloremque cultura decet cui. Cupio tempora animi. Aggero attonbitus sollers aer ciminatio magni suffragium delicate cedo tripudio. Ea somniculosus sublime avarus acervus cui cui. Arcus contra adhuc quo aegre cursim vobis. Asporto absconditus verbera. Maxime caries quae. Sol saepe auditor subiungo tenuis aufero ulterius turpis. Angustus campana artificiose. Decet celebrer victus denego arguo officiis calcar. Audacia tego molestiae excepturi alii deprecator voluptatum cupiditate nostrum placeat.

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