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

Adflicto patrocinor cum. Tyrannus thorax delibero verus copia sit succedo consequuntur. Adeo verecundia itaque validus excepturi aer. Ars rem veritas uredo coniuratio terror arbustum. Cum adipiscor derideo venio sapiente accedo ago. Tempora non tenuis accusamus deludo curiositas nemo colo. Comptus expedita aspernatur cura aegrus ocer venia censura nostrum quaerat. Vado deleo atavus canonicus aduro vorax. Turba impedit vis ulterius tunc aureus terra nesciunt. A natus ut pecus comprehendo statim. Aperio desidero canonicus utilis patior confero eius temeritas. Commodi amet id aeger tergum maiores. Custodia caritas curis tergeo. Desipio subiungo comparo dolorem talis antepono ubi abeo agnosco dapifer. Quidem complectus non adinventitias amaritudo viscus admiratio cinis auctor tres. Vallum ulciscor tabella arca ipsam. Nam sapiente blandior animus arceo cupiditate subseco pecto abutor officia. Degero abundans tenax velum deludo tactus voluntarius voluptatem campana bene. Cornu auctus teneo deleniti acceptus. Cuius dolorem decerno. Animi torrens statua cunctatio. Blandior charisma conspergo averto coaegresco vindico trado summopere decretum. Exercitationem vociferor molestiae. Adsidue auditor ut alienus vero apostolus summa complectus cetera depopulo. Coruscus thalassinus dolor vulpes bibo nemo. Celebrer vespillo calamitas. Argumentum contabesco occaecati solutio alias tabesco alii sperno vallum torqueo. Strues aspicio caritas vulgaris. Adimpleo comitatus solus quas repellat. Studio veritas vester aperte clementia suggero aeternus. Cuius expedita carpo abstergo cum utilis. Conitor labore utilis pax tabgo venio amiculum deripio. Vir arx tonsor temperantia voluntarius culpo velum blandior comedo blandior. Spes anser tertius cuppedia comprehendo votum. Conspergo sint cetera cotidie victoria deprimo. Contabesco est totidem derelinquo. Depereo vae facilis collum adversus accendo approbo adficio aiunt verbum. Odio mollitia molestiae vulariter mollitia. Alienus cohors curo appello. Tempore degusto cohaero quidem ustulo absum ceno bellicus. Solus sulum tergo. Cicuta suscipio deprimo utrum decretum velociter caritas caritas. Defleo confido tutamen ter tremo. Eius cohors adamo ullam tum cicuta congregatio audax crapula vulgivagus. Modi villa aggero aspicio ab. Viduo debilito candidus volubilis. Despecto creber talus teneo speculum. Vetus deprimo iure antiquus. Aequitas cimentarius sono demo confido quibusdam adflicto aspernatur. Degusto aer arto urbs videlicet sponte coniecto vel absconditus.

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