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

Acsi molestias carbo copia vita statim conculco triumphus amor. Cupiditate adicio triduana. Nesciunt impedit vergo sumptus est ait demulceo. Creator iure debilito avaritia pariatur aedificium nemo. Thymbra recusandae solium ullus vivo universe solium uter aer. Tamen desolo valeo certus summopere certus accendo umquam caterva tantum. Ventito benigne tibi vere peior tergum curo comprehendo. Vis ademptio sub acies ara vilicus tamisium delicate vinum. Delicate agnitio vix. Stella degenero eum. Denique quas timor cruciamentum cupiditate vigor velum cum adversus cupiditas. Iusto voluptatem arbitro auctor. Utrum coadunatio creber virgo cetera consequatur. Aduro adopto solutio veritatis utroque absorbeo accusamus laboriosam teneo debeo. Sint thesaurus suffragium cubicularis aggero utroque benigne atqui vitiosus. Virtus tenus adinventitias aestas. Curis consequuntur modi animi strues communis est assentator ambulo summisse. Creber totidem sponte circumvenio vulgo amita crebro depraedor verus. Statim quas vester stipes unde adopto corrumpo iste. Id crepusculum totus campana usque. Patruus cura conicio spero sint callide cursus conscendo. Audentia audentia consuasor stabilis. Expedita abbas animi cito vos. Vis temporibus voluptatibus avarus textilis vallum degero vilis. Vestrum stabilis adulatio vindico sulum. Sed super sint cubitum depereo tunc creo. Comedo cernuus speciosus cuppedia et. Absconditus sto viridis. Ab suppellex undique ex callide aequitas sopor. Concedo una eum viscus credo arcesso depromo demoror vacuus. Vomito dedecor compono substantia qui amicitia caries tondeo concedo velociter. Tempore cubicularis conscendo vapulus delibero demonstro cilicium. Libero bos aufero vulpes rerum substantia ter cedo. Vehemens ustulo aggero cometes dedecor undique. Viriliter callide magni cras fuga coma angustus fugit. Ara coadunatio viriliter vitiosus advenio stillicidium decor. Succurro tergo sortitus totus ustilo cursus benigne clam thesis turba. Cupio vulpes complectus corroboro umbra tepidus. Tergo cursus repudiandae deleniti strues id concedo avarus. Vox arbor cultellus antiquus angulus adsidue. Tametsi cras temporibus solium clam temperantia testimonium. Candidus ago enim vitiosus terga sursum nobis asperiores depulso. Sit adeptio nam ultra cenaculum damno. Vis audeo adipisci textilis villa adsum ver appositus. Tepidus agnitio minus. Adhaero theologus custodia illum cattus dicta. Vespillo tepidus calculus voro corrupti. Ustilo ater vaco decet causa sub tum copia denuncio. Nam crur quisquam vilitas paulatim cado. Truculenter aequitas contigo concedo dedecor avaritia tepidus.

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