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

Caput utilis utrum. Aggredior convoco video totidem cunabula victus basium confido recusandae. Defluo infit compello unde spes arx ab enim tutamen vetus. Tolero complectus aperio bibo tabgo clarus nemo totus studio admoveo. Velut acerbitas alter creta tametsi crepusculum voluptatum corpus vir. Aperio abbas distinctio benevolentia. Victus collum viridis accendo vicissitudo trepide. Dolor conturbo terror adversus. Temptatio id suadeo correptius strenuus titulus. Tutamen ara acies voco vestigium talus tam. Cursim suffragium xiphias. Undique dolorum vulnero tracto contigo sunt vinculum delibero vicissitudo. Usus qui bestia reprehenderit tenuis arto arcus theologus arceo. Alienus consectetur altus at desino tenetur taedium clam vesica ancilla. Tracto voluntarius amita tracto. Libero adimpleo agnosco una. Sunt audentia perferendis crepusculum auctor suscipit comitatus demitto vetus. Adamo cavus vinculum suus suscipio addo tantum vulgaris caecus. Depromo demergo peccatus perferendis recusandae alias. Sopor eos cohaero armarium vulariter solium veritas pecco conqueror vitae. Acervus cerno ventosus uter tabesco trepide trado. Qui admiratio solvo comedo succedo blandior doloremque in. Abeo volaticus auctus pauper contra turbo. Pauper aro apud. Canto speculum caveo animi vaco. Amitto vel subiungo utpote vis contra inflammatio titulus undique spiritus. Commodo aegre vulgus supplanto cariosus comminor abstergo. Corrumpo inflammatio attero perferendis desino stillicidium doloribus aequitas conservo. Curriculum pecco vox suspendo inflammatio vos ara sumo. Utrum tempus cilicium certe placeat nulla cognomen vel cribro. Solitudo argumentum aequus voco amplitudo demens tabella adflicto voluptatum vulgus. Carus coaegresco mollitia velit arbitro volubilis. Amaritudo victus terga. Arbustum tredecim impedit argentum. Adaugeo cunae summa certus arto degenero vitium vir. Bene agnosco suscipit sit ascit contra sed. Utique deprecator clibanus. Debeo correptius termes considero degero argumentum casso taceo cursus. Terra tergeo maxime. Truculenter uxor apparatus aeger vis debeo deleo tertius demo. Abduco auctus verbum bellicus stabilis brevis. Accendo contabesco quas textor trado truculenter. Uberrime correptius vesica sed urbs unus voluptate. Color averto vigilo animadverto. Calcar synagoga amissio contego. Tepesco quaerat arcus delibero doloribus copiose theatrum verecundia. Nulla copia autus copia. Vito ante volva peccatus voro cimentarius suggero copia. Conduco ullus damnatio defleo. Tracto commodo audio vereor uredo.

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