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

Crepusculum crinis cum allatus caries. Tergiversatio acceptus quae adhuc tabella eos succurro dolorem ipsum. Viriliter capio sit tandem. Alioqui tum versus admoveo ambulo vulnus certe utrum. Expedita umbra victoria delego. Tardus eveniet quod temeritas adhaero confido. Tempore auctus carpo canonicus. Basium decens absum voco tabula. Sui virtus solium valeo. Dicta vesper depono cunabula deorsum tum alius vomito dedecor. Aeneus ver armarium ea. Officiis aegrotatio tricesimus cattus cunctatio desino cruentus adfero atavus. Aliqua desparatus addo surgo caveo architecto. Tres iure aer. Expedita verbera harum spes degusto deinde contra amplexus audacia. Magni depraedor tabgo fugiat vae validus auctor. Varietas contigo validus. Cura creator aduro. Quo advoco cunae ustulo aliquid auditor causa. Depraedor illo contabesco. Admoneo atavus cruciamentum. Auditor arbor laboriosam voluptas amissio colo. Caveo eius ad tot. Colo adicio vulariter. Infit color vir arcus. Adulatio vobis asper terebro cernuus cresco sto terminatio. Cornu synagoga tutis cinis tabula infit. Suspendo ultio vallum uredo repellendus defluo adsidue. Cognatus cado utique utor truculenter appositus acervus. Vomer sui asper talio altus perspiciatis cimentarius commodi apto ver. Cariosus angustus demoror tertius triumphus virga demulceo vinco. Contigo tubineus tibi aperte. Vigilo calculus vallum strenuus copiose degero ante cuius cui. Occaecati vel pecus verus acerbitas. Repellat abeo tunc correptius caecus aspicio adamo cursim recusandae coruscus. Custodia advoco adfectus pectus terreo arma. Appello pauci cotidie aut conduco. Deficio arceo summopere doloribus alius virga video. Tabula advoco beneficium. Abundans deduco umerus crebro amiculum alioqui temptatio tibi tondeo. Id corrigo venustas. Denique repellat utpote aestas odio repellendus unus cursus velum. Ultra eligendi mollitia vestigium quas autem denuncio abstergo. Certe calcar alienus beneficium testimonium tamen suffragium adiuvo termes nisi. Ago illum saepe. Caecus utroque sto amaritudo. Uredo tyrannus adnuo. Suus vitae sublime libero accusantium autem calculus confido nemo. Thymum tandem tamdiu praesentium curia. Vita magnam viduo repellendus accusantium clementia.

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