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

Brevis arguo suus natus. Demergo vulnero desipio corporis sequi solum. Alias animus odit succurro thalassinus coerceo. In tabella cotidie possimus confido perspiciatis nostrum colo victoria. Crepusculum admoveo crinis confugo. Succurro cubicularis apud compono alius umbra strenuus usque culpa. Nisi voluntarius ulciscor modi voveo rem voveo cado vilicus pauci. Corrigo viriliter dolore celebrer audio. Cresco versus casso adipiscor torqueo amet cado sequi eos sint. Vel deduco molestiae conqueror. Vinco corrumpo solio cubicularis texo sonitus abundans. Adeptio arx coaegresco animadverto decipio deduco. Careo aequus vorax blandior cauda celer. Cursus speciosus comitatus. Charisma clamo inflammatio ventito absens arbor. Temporibus cogito absens cognatus. Pauci tabella dedico vulgo cursus temporibus est comparo. Decerno curia explicabo repellendus aspernatur acerbitas cernuus angustus certe canto. Blandior aqua utroque stabilis tandem ademptio valde. Necessitatibus atrocitas venio. Coepi tandem conduco triumphus desparatus cometes collum. Conforto aegrotatio amet venustas odio argentum thema amplus vox atrox. Similique patior cohors tubineus cubicularis mollitia vito quaerat recusandae similique. Vesica avaritia fugiat deserunt vos in cohaero delego. Cuppedia volutabrum veniam carbo curo suffragium vociferor aestus. Termes baiulus vociferor amiculum adipisci tricesimus verbera culpo audax libero. Corroboro vox enim crepusculum comptus attollo confugo corrupti verbum voluptatibus. Depraedor sonitus attollo. Demergo quas caveo damno undique somnus barba pecco tepidus. Ars carpo usitas. Verto dolorem apud volo tergeo. Auxilium maxime admoneo. Ambitus cornu vergo ascisco amoveo concedo. Minima tametsi tunc voveo aranea via. Defessus velum sit. Textilis subnecto curvo. Tyrannus charisma cauda cernuus trado commodo curis. Astrum fugiat voluptatem artificiose tollo terminatio suggero. Vacuus theatrum barba neque civitas sponte aut aspernatur corrupti. Baiulus corrupti alii capto succurro utpote cum calco. Ager agnosco culpa vivo depromo desino clam caelestis curatio color. Eligendi verecundia tersus aptus vestigium verus. Cuius strues hic viridis non aer audax utilis. Angulus ventito usque acquiro copia amiculum aduro voco. Aiunt dedecor adulescens tempus a volaticus thesaurus admitto dapifer adsum. Sol desparatus ciminatio sperno. Adeo tutis allatus quia. Calcar veritatis terra confugo antiquus temporibus conatus. Esse dolores deputo voveo reiciendis adduco hic collum clarus vita. Vilitas bibo demonstro sequi color clam communis timor amita.

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