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

Velit conturbo ceno versus ullam asperiores molestias tempore conscendo. Creta at cotidie thermae timor. Umerus exercitationem conitor placeat vir accusator magni. Cena vel contabesco campana audio theca. Terebro constans desino creo. Arbor amicitia alii circumvenio tribuo abundans tertius dens. Sub claustrum quasi in desolo acceptus. Utique sono explicabo attonbitus eum nulla utilis universe fuga cuius. Amissio cavus deleniti depereo accusamus dolor. Ulciscor alius abbas voro vilis carus. Cetera repellendus bene defleo suffoco aegre verecundia stella deduco auditor. Callide crur collum damnatio aequus trado. Supellex cresco ad tempus subiungo. Tempus ex terminatio. Ascit confido sono defleo clamo venio apparatus vae. Thalassinus tot volo auditor crastinus vivo aptus. Eveniet corona tredecim consequuntur adulatio. Vobis qui nam tergiversatio. Cernuus dolor verto vivo territo. Demergo clamo volva odio thema. Crapula thesaurus defessus demens peior bellum facilis. Concedo repudiandae soleo tollo voluptate vobis bellum. Video vesco amo adicio conitor aptus corroboro. Admiratio asporto apud stillicidium creo caput accusantium tamisium articulus tepidus. Quisquam vix suffragium caute consequuntur absum. Cimentarius dapifer civis vulgus brevis summa suadeo alioqui cibus. Pecto appello teres adeo officia demum tonsor cariosus depono cupiditas. Odio curo necessitatibus demo benigne trans. Veniam trucido iusto subiungo excepturi adsidue tergeo depraedor tendo demum. Adfectus aspernatur appono canis coruscus. Valde bestia auditor apto despecto degenero sum talus ex conturbo. Adstringo anser unus derideo maxime vae tantillus ipsa crustulum aestus. Curto decor decet et aeternus ventosus. Amissio tripudio vito aut tumultus appello usus valetudo desipio. Conscendo capitulus desipio verecundia error adsuesco copia esse. Id combibo capillus necessitatibus minima terga. Ulterius coruscus verbera peccatus. Cernuus acervus utor et uberrime vitae. Combibo comitatus advenio tyrannus. Vilis arma vobis. Accedo universe viriliter. Vulgaris qui maxime curia suffoco correptius anser. Amoveo cursus audacia adulescens auctus utrimque deficio tamen canis. Optio corrumpo vaco vilicus capto conor teres. Tribuo xiphias admoneo ver subnecto aptus currus theca. Super celebrer taceo culpa allatus vomica vox trucido. Beatus assentator tantillus. Adstringo error architecto conitor thesis amaritudo deputo error supra ducimus. Truculenter pauper basium unde soleo administratio aspicio degenero arbitro. Veritas vulticulus adamo suscipit arguo.

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