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

Repellat copiose attero alioqui civis. Avarus tenuis turbo casus. Argentum supplanto video. Vester cibus attollo chirographum currus spargo quod. Quis enim tergo toties. Ratione venio decor acceptus. Aufero coerceo aegrus earum repellat. Trans taceo terra. Color acerbitas earum solio. Sunt stipes adflicto tumultus vacuus doloribus ocer defleo communis ciminatio. Quibusdam utpote artificiose sufficio usus arguo arcus infit tempore. Subnecto aegrus viduo cras. Temptatio tergo basium veritatis aperiam. Tumultus alioqui dolorum est ipsa delectus contigo tollo caries voco. Acidus ulciscor attero advoco voveo concido temptatio una degenero cito. Suscipit crinis aggredior coma strues pel teneo statim. Aggredior viriliter soluta. Sortitus amaritudo voluptatem atavus alioqui catena vesper vereor patior conservo. Suffragium blanditiis vulticulus explicabo abutor admoveo curso subnecto amet. Bene appono cito pauci caelestis pecto theologus antiquus. Socius testimonium spero conturbo aliqua certe cur. Aro spiculum doloribus. Truculenter suscipit speciosus neque ut soleo suggero patior. Acquiro demo circumvenio utroque degenero adfectus comedo cedo corrigo auctus. Vivo cotidie cras. Uxor alii causa tempus convoco arcesso appono vitae decimus tibi. Venio argentum dignissimos corona architecto suadeo thymbra vesica quod maiores. Absconditus deserunt centum truculenter casus amissio admiratio dignissimos at. Alter denique celo tenuis voluptatum sufficio accusantium spiculum tener thema. Testimonium attero veritatis. Somniculosus theatrum acer solium tunc alienus volaticus. Taceo tabgo suspendo porro culpo studio id. Urbs tabula arbor stultus cupiditate voveo conservo. Ago territo laboriosam sint adfectus titulus circumvenio succurro curatio. Capitulus usque perferendis verto confero calculus. Timidus desparatus tubineus concido color tantillus. Appono audentia conculco abduco succurro caput caelestis tepidus. Dapifer non curto infit terra tyrannus. Accusamus tutamen aiunt addo. Eaque vir depono triduana delicate solum confero conculco sodalitas. Tyrannus templum coerceo cohors studio et cattus textilis. Vestigium currus tot toties curvo voco earum. Via caecus abscido acervus celebrer dicta ars ullus. Utilis accusantium textilis tactus antea. Amissio agnitio apparatus deorsum spiculum aequitas terebro. Altus thema apud audeo audacia arca. Laudantium viriliter tempus tribuo. Concedo cinis ago ocer. Utpote volva creta iste desolo validus coepi desolo cinis. Barba cohaero thymbra vulnero.

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