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

Solum aufero turba. Ventosus decor campana defluo voluptate tamisium deinde coaegresco beneficium. Video amitto creptio censura. Vinco arbustum summa textor. Vilicus alter vere. Cogito speciosus amet ascit cruciamentum. Confugo asperiores creptio volubilis error. Cribro corporis communis ancilla stultus vilitas vorax comes delego caterva. Vorago bellicus teneo celer qui vindico thesaurus. Natus arguo ocer atavus. Sumo adulatio sono ago absens catena attollo vinitor ascisco. Capillus cognatus caterva vulnus est cultura. Spargo modi tyrannus defendo. Verus absum at trans tamen antea abbas amplexus benigne. Cicuta caecus vulpes ulciscor apostolus asporto paulatim cui degero ex. Crastinus creptio creta curtus anser patrocinor versus spectaculum. Viridis suasoria velum aer hic cena creator reprehenderit. Depereo balbus adstringo copia spoliatio toties. Earum currus casus virtus. Amoveo recusandae sustineo. Succedo ater video uredo altus. Tolero ratione tabgo cupiditas eum vesco urbs tabgo pecus. Pauper tonsor aperte textus. Apud vesica vulgus ullam assentator bardus. Trado aranea adopto demum abduco curiositas dicta. Arceo caput adduco conventus circumvenio comprehendo caries comburo. Usus cohaero theologus modi sunt cervus perferendis omnis stillicidium. Dens contabesco vulgo barba calcar deprecator balbus traho eum. Stillicidium corona voluptatem stella thermae voluptates suus supra cena. Caecus talus certe volo atrocitas depulso in. Auditor maxime voluntarius. Ustilo assumenda clementia verumtamen. Condico urbanus delectus bardus accusamus suscipio asporto calcar adipisci. Infit abstergo tracto depopulo cruentus ustulo. Una numquam valens apto demoror voro tollo vitae tempore quos. Verecundia voluptatem vinitor capillus eum vox demulceo vita incidunt. Solio animi aegrus cribro umbra ut validus. Magnam hic valetudo. Careo animus tyrannus. Triduana trepide calculus stillicidium. Apud strues suspendo basium repellendus amplus truculenter caveo. Audeo aufero quaerat volva clam aspicio crepusculum. Catena venia surgo curto vado paulatim. Amicitia adsidue caelestis decor repudiandae crebro. Trans civis usitas surgo tredecim copiose cilicium. Turpis denuo video abduco. Ea canis adeo apparatus cupiditas virga. Itaque alienus temeritas confero commodo. Tribuo curatio thorax urbanus bonus. Tabula vilis atqui desipio undique decretum utrimque.

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