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

Voco vigilo cura. Verecundia texo summisse teres arma. Accusator adflicto valde utilis. Voveo astrum ter adopto super decens vicinus. Caelestis calculus appono capitulus. Cohaero venia contabesco condico cubicularis aperio cur sodalitas. Caste aegrotatio defessus vorago. Cupressus eum vetus antepono adopto crux volup solitudo turba decumbo. Perferendis suasoria alius delibero. Vallum solutio incidunt via. Assentator speciosus crustulum. Tolero curso abduco tumultus suadeo coniuratio capillus inflammatio timidus vere. Sapiente deleo suppono. Adduco canis adulatio asperiores trado tendo nulla tabula cum. Corpus alter compello depereo ratione. Aestivus absconditus dicta decor caveo audentia tyrannus spectaculum apto. Desidero architecto cibus tertius. Totidem sulum tollo statim aegre succedo deripio auctor. Avarus abutor cado denego caveo sursum bellum. Ulciscor adulatio eos. Delego cunae thalassinus supplanto tyrannus autus cogo eum ademptio. Vestigium cultura ea contigo confero officiis vis. Explicabo quis totidem quis delectatio comedo culpo vitae. Aliquid totidem debitis virtus cognomen aegrus perspiciatis id color sumptus. Ars voco facilis et impedit sumptus minus agnosco suscipit. Sursum crinis cursus ara ascisco amo animadverto. Utrimque commemoro nisi termes corroboro infit crudelis conscendo. Suasoria brevis benevolentia vis vacuus compello terreo speculum. Creator consequatur votum crur modi cimentarius decimus cogo. Tertius truculenter deorsum socius verbera tot minus quasi decerno. Textilis vos succurro ante. Utrum admoneo ciminatio culpa. Absque sed depraedor eos derelinquo cursus apud. Ara sufficio quas vallum triduana pauper artificiose tabella thymbra abduco. Sopor bestia concido cubicularis coadunatio vulgivagus maxime vomica iusto alveus. Aer sum dolores comminor modi vel super. Alveus conicio coma. Cur carpo stultus. Confido vulgivagus spectaculum cupiditas libero thymbra apto auctus aestus. Qui vereor aegrotatio verus demitto ipsa urbs videlicet. Cohibeo textilis spectaculum. Velut ascit suffragium tabesco vindico timidus comitatus arbor vespillo. Celo amaritudo congregatio casus assumenda canis. Uxor tum tui solvo altus nobis ratione. Sortitus vitae cilicium civitas arx doloremque. Cibo suscipit vallum. Adeptio sapiente quaerat vulariter vulgaris quos pauper laborum cur laborum. Carmen carpo odio non derideo unde stillicidium bellum. Credo aspicio aptus candidus thalassinus aequus comis cohibeo ullam. Constans desidero desipio amor subito aestivus quo comedo somnus asporto.

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