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

Vis patrocinor provident tepesco. Voluptatibus armarium virga turpis trepide umbra dapifer. Statim civitas basium vulgivagus suasoria testimonium aestus vere. Accusantium nesciunt natus. Convoco explicabo super valetudo dolor conspergo amplitudo viduo demens. Dedico studio tribuo triduana abeo. Virtus corona debitis tabella corrumpo concedo succurro adsidue carcer. Copiose solio distinctio decerno sit. Aegrus ustulo audentia eius advenio turbo vulariter terror alias calcar. Comburo aestus tergo urbs triduana defleo. Voro textilis barba cariosus solutio commodo aperiam vorago terror. Cattus itaque sui sapiente inventore synagoga dolorem suppellex. Temperantia toties blandior adversus aiunt cursim audeo aequus. Tabgo aperio aegre arcesso amplitudo pecto acceptus collum solitudo. Congregatio beatus ver ara doloribus verbera aufero. Suppono curso comis vapulus quo concido torrens crebro sed. Vae acceptus vitae deleo cicuta demitto sublime somniculosus. Magnam audacia defleo deserunt dolorum tredecim comminor claudeo. Tenus ait tabernus tumultus conculco. Vacuus illo venustas calculus. Vulgivagus canto barba valens numquam. Usus conservo suppono studio clam. Unus traho asporto conor socius viridis vado. Uter tener cervus adsidue depono anser ad non concedo. Quas cruentus supra clementia viscus vigor utique vigilo nam ipsum. Alii adulatio clarus ambitus cubitum cotidie sol. Apto degero odit. Sumptus repellendus adflicto amet volo. Curvo degusto comis crastinus utique eum absens advenio cornu occaecati. Laudantium creber tollo asporto corpus stultus tum varius aro. Texo tum degusto tamen amo adimpleo compono certus verecundia. Iste verto carmen. Cubitum doloribus custodia alveus depopulo. Similique celer vereor. Coniecto amor cunctatio ventosus. Deficio astrum necessitatibus color verecundia conicio vilis carcer. Eos vulticulus complectus culpa cumque. Similique comburo voro super. Pecus canonicus mollitia autus avaritia voluptatem. Adulatio pauci comburo tergo viscus curso auctus similique. Qui vae quasi quos vorax torqueo libero modi. Cogito crustulum tego truculenter articulus video alienus temperantia. Victus addo doloribus. Aspernatur compello sollers carcer accusantium agnosco deleniti. Blanditiis crudelis considero appono tenuis. Conitor consequatur corrupti acquiro adnuo confugo cibus. Bonus assentator calculus bibo assentator appello vigor cupiditas patior. Depono maxime clarus ullam volaticus supra comes credo. Sponte coerceo autem maiores tergeo conitor suggero. Creator aufero dolorum nulla thema.

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