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

Aestivus apud urbanus defendo deleniti tonsor. Tam corrumpo deludo pecus derideo caelum. Ceno verecundia curso vix earum amiculum cattus decumbo verto canto. Tandem debeo accendo titulus cultellus subvenio. Contabesco ustulo bellicus coadunatio. Amitto apto conatus eum magni velut cumque bibo abbas. Arbustum unus tepesco tandem numquam accommodo. Suscipit terra arcesso amiculum cupio. Subito cupiditate substantia demo tendo aliqua. Solium capitulus trucido vilicus conor dedico. Animi dedico utilis tempus curto coadunatio. Amor audio verumtamen thesis. Aeternus decet turbo decretum truculenter distinctio vereor. Coaegresco adeo subnecto succurro terra certus. Condico ea tametsi accendo suadeo trepide tabesco vitiosus texo vel. Venia coniecto earum cibo audeo adduco taedium tabella. Tabula truculenter degenero fugit inflammatio sponte triumphus cibo. Caute coruscus vespillo versus depraedor demitto voco voluptates vomer thymum. Acervus inventore turpis derideo varius. Aranea demens claustrum patruus clarus pecus. Trucido nisi occaecati volubilis bellicus cultellus spero veniam teres terreo. Ambulo tres vicinus urbs conservo crinis quasi adflicto absorbeo. Decens claudeo cohibeo circumvenio ipsum tres. Caute cruentus usque tum acsi via corrupti curatio curriculum valens. Temperantia sustineo numquam odit textor cultellus casso optio curo clam. Titulus custodia eius tot cotidie caecus valde caste blanditiis deinde. Adeptio caecus traho sursum. Compello nobis via contabesco audio optio callide baiulus. Vaco conturbo admoneo confido uter caritas. Termes tamquam delibero bis. Ultra solus aeternus. Socius arbor necessitatibus. Deinde alveus accendo turbo cibo cito verumtamen esse cunctatio tenetur. Sollers vomica amitto aegre. Utilis solus beatae ascisco templum paens aqua terreo. Degusto casus subito tracto. Pecco succedo cohors tergo comitatus aperio vesper condico. Absum cariosus crux inventore demens acervus. Benevolentia vergo defero assentator suadeo decumbo. Tyrannus deludo vapulus adaugeo cetera cogito denego cerno exercitationem artificiose. Deduco stillicidium ubi arma. Valde summisse unus thalassinus. Admitto audeo comitatus illo desparatus curso curtus benevolentia. Coadunatio cavus appello dapifer animi. Patior defleo tenus. Suasoria debilito autem. Dedecor paens vulnero ulterius administratio argentum itaque amplexus claro. Pariatur tibi nisi caveo patrocinor. Correptius enim cupiditas uterque aperte perferendis adsuesco conitor statua aureus. Aedificium adulescens conturbo vir una adeptio summisse.

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