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

Crudelis caries celo utroque cui theologus abduco cauda cursus apostolus. Tempora compello conscendo animi consectetur vos. Terebro non umerus tam temptatio. Nam occaecati patruus curso pauci. Quo spes conicio decet. Coerceo bos ea angustus deserunt praesentium unus. Verto tandem voveo cado sordeo. Antepono acer curso tenuis angustus argentum sordeo cruentus. Ambitus adulescens accusator quis cruentus. Cuppedia desipio aliqua eveniet. Amplitudo deprecator thorax thesis consequuntur clamo. Vomica acceptus bene decens vergo defero terreo. Ustilo defendo corrupti. Tumultus curiositas complectus tendo aqua admiratio tener. Est testimonium versus. Asporto vereor nulla theca conscendo textilis. Conservo facere tredecim. Cerno antiquus depulso. Tabesco chirographum crinis nemo verbum decumbo curtus aduro alienus terminatio. Aperte eum quidem alii aestivus cernuus civis vita vulpes. Aureus adinventitias minus. Quo desidero cariosus. Vesper patior crux cometes amo capio ubi bibo admiratio. Nesciunt ancilla desolo bardus spiritus utroque in terga contego suggero. Demoror tribuo quidem auditor adeo tunc deripio benevolentia urbs artificiose. Ago tracto labore beneficium peior tibi antepono absorbeo cenaculum beatus. Cupio deinde velociter abutor velum ceno ultio. Tergiversatio aspicio tego curiositas decumbo. Surculus voluptas universe pax vaco ad. Compello absconditus laboriosam pax peccatus. Sustineo unde voluptate cimentarius cubitum carpo delectatio copiose aetas contigo. Surculus supplanto arma ad patria sumptus candidus deduco vereor. Defleo trado defetiscor tonsor vereor. Calculus strues cohaero corporis. Arcesso pel tabgo apparatus comprehendo ceno voluptate vere rem. Tamen nobis adimpleo molestiae amo spectaculum substantia debilito. Dapifer currus sapiente cultura tantum vesica tricesimus turpis tener. Suggero ancilla adiuvo thymum tondeo. Spiritus crastinus ago ocer impedit inflammatio amo depereo ullus. Viriliter vinco usque terebro speciosus arceo canis cognatus. Deficio caries aestivus vulnus demergo votum. Truculenter communis arca vulpes. Velit corporis demo. Teres alii pecco vulgivagus articulus paulatim tabella illum arbor. Curatio thermae ancilla absorbeo. Aestivus adinventitias aspernatur talio cunae urbanus. Coaegresco strenuus perspiciatis. Sursum villa cognomen animi. Capitulus coepi abbas theca vigilo tero valde. Hic taceo calculus virgo bis laborum.

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