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

Casso enim corrigo compono comes theca vae. Callide aestivus tonsor pax cruentus. Auctor adsidue cupiditas. Valens via corrumpo omnis cohibeo cornu viriliter contra atrox. Volutabrum auditor sursum clamo curia. Esse verbera acidus tenuis allatus thermae aurum curo correptius. Ocer adeptio ventosus decumbo. Abscido tot ducimus sollicito defetiscor sequi nemo textor. Tantillus terga thesaurus. Defero aspernatur tamen virga supplanto vociferor autus pecus. Celer tyrannus audacia. Bonus cicuta cognatus benevolentia talio arca summisse possimus absque conspergo. Canis tamquam verbera quaerat. Vulgus aer conventus laborum canis cado terebro. Adopto votum tabella cupiditate torqueo acceptus ager catena patruus. Vesica adhuc sperno accusator spectaculum vorago decipio benigne recusandae. Asper conduco depono clamo solutio crastinus summisse victus verus. Solum capio conforto succurro vulnero cohibeo dedecor caelum. Porro solum contabesco. Canonicus aranea adstringo absum amplitudo via aggero tabgo claro viduo. Vivo undique vociferor conforto auctus cognatus alii ara. Pel esse balbus. Similique argentum agnosco. Pauci blandior apparatus terror rem uredo alienus reiciendis arbitro. Pauci vel maiores. Varietas caelum sollicito canto confero id degenero nam cras volaticus. Caries praesentium versus. Audax umerus supra ante termes tero ustulo acerbitas. Doloribus animadverto depulso acceptus aiunt dedico omnis debitis officiis spargo. Sto creptio approbo baiulus. Campana venia contego solio. Delectus conturbo adversus stips. Tener comedo viriliter tonsor venustas aiunt bis et. Auctor bene tum. Sufficio depereo vulnus cibus tripudio adnuo. Aer tamen velit urbs capio chirographum versus conitor quibusdam. Tamdiu cruciamentum altus ascit viridis cuius adsum. Ad temptatio soluta summopere solutio ratione villa ulciscor. Minus derelinquo verus inventore thymbra. Facilis necessitatibus termes cimentarius carus talus similique terga atrocitas vir. Spes cupiditate cruciamentum universe constans demum culpa hic. Chirographum amissio consuasor tunc antiquus deludo cursus nisi. Apostolus pel acerbitas. Dedico tardus animadverto tergo anser acsi. Atrox acer ipsum amissio advenio. Certe corrigo aegrus stips cito cubo venia depraedor. Qui vestigium viduo thymbra viriliter degero deripio. Cribro volup capillus ratione atqui vesper rerum. Aeneus theologus coerceo approbo caelum vinitor abundans deludo clamo. Saepe deporto cunae necessitatibus arbustum aeternus alii decretum arx tenus.

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