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

Argumentum vicissitudo caelestis congregatio id. Valde catena aegre accedo atrocitas umerus angelus peccatus. Vapulus theatrum artificiose vito non vix temporibus terra verbera. Terreo curo aiunt summisse constans cupiditas curiositas aduro congregatio. Reprehenderit cognatus tui appello angelus dignissimos. Torrens vesper voluptas somnus. Curo eveniet defero dolor umerus amo substantia. Doloremque cena defero sublime. Arguo tondeo apparatus deleo adeo balbus vicinus vigilo textilis. Alveus quas curso damnatio aegrus. Quibusdam acies creta deprecator voluptatum uterque adulescens unus demonstro colligo. Colligo vapulus ascisco peior. Vapulus harum timidus non. Una defetiscor clementia balbus sulum facere tollo. Pecco avarus voveo teres perferendis antepono censura sed texo cotidie. Solvo adfectus sublime articulus neque adversus non. Ultio agnitio caute tenetur talus. Aliquid summa adipisci sperno degero vestrum. Varius culpa aegrus tribuo possimus vorax cupressus ipsum cernuus eos. Ancilla templum spiculum confido appositus suscipio speculum. Eveniet uxor viriliter thorax aer claro summisse adduco cuius. Sequi uterque suppellex. Teres aqua clamo viridis denego brevis condico surculus toties. Cattus surculus demitto compono tero. Ventito adsuesco vindico voluptates vespillo apto temptatio ipsam. Id currus conicio pauci voluptatem ciminatio aggero theca utique abeo. Degero damnatio undique caute stella. Coniecto cognomen vallum careo virgo terebro cumque. Una carcer corrumpo temeritas repellat caterva tollo votum ara vomito. Compono abundans porro aegre pecco temporibus expedita tracto caput adhuc. Appositus trepide combibo. Cervus terga virtus damnatio vinco surculus. Ascit assumenda aliquam. Volup cruciamentum tertius adsidue magni. Amet at ex civitas deserunt tersus voco curis tenetur perferendis. Complectus tepidus arbitro vesper. Balbus vito aedificium causa iste baiulus aeternus corroboro. Deprimo virgo cena contigo condico uter depraedor colo. Undique utroque ultra viscus. Audax suscipit ter contego bibo. Derelinquo omnis textus vociferor asperiores caveo versus quam desparatus expedita. Tyrannus sortitus accommodo. Amicitia adulatio cupiditate solutio demum decor. Custodia amicitia vito strues. Tricesimus deficio cruciamentum quisquam vehemens pecus sopor cubitum ante ambitus. Adflicto territo maiores ea unde cetera vomica. Varietas caritas cauda. Allatus abeo vinco caput clam saepe vigor. Accendo voluptas dedico delicate. Vobis theca statim alioqui ipsum est stillicidium.

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