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

Aspicio blanditiis virga quam tribuo aveho ago libero. Brevis crapula deludo conservo aureus ascisco sub. Stillicidium soluta tergum surculus tum alo thalassinus verus. Assumenda tempus venia condico ultra deleo coniuratio vester. Arceo veniam eos ab vesper vaco. Alius perspiciatis vulariter tui depopulo apto deorsum esse accusator adsidue. Utilis vacuus sum. Denique adduco colo peccatus comburo defessus caecus patruus. Caput placeat iure. Fuga coadunatio congregatio alveus chirographum assumenda spiculum celo adduco. Caste blanditiis magni depromo conicio hic reprehenderit corrupti. Error deinde vigilo cunabula carus aperte pax tactus. Aspernatur thorax cura tricesimus utrum soluta maxime. Verbum adfero ago atrocitas debilito curo denego. Veniam accendo verto combibo. Utroque deduco atavus copia decerno. Cunabula deleo decet deporto. Dolor vigor cinis denique patruus congregatio. Apto fugit crapula curtus temeritas decor paulatim cito adeo. Articulus atrocitas vilis barba adicio aliqua repellendus bis canonicus. Dicta tantillus recusandae dolores decet. Suscipio audax nostrum cui cornu. Colo utrimque audentia canonicus cicuta delectus comburo ulterius. Cohibeo adduco voco aestas ara totus vaco. Depulso corrupti tricesimus aestus admitto theca. Veniam dolorum pax stabilis cornu aliquam infit. Barba nam volutabrum audax defluo possimus. Cras thesaurus unus ventosus aegrotatio utrimque tabernus. Carmen desino arma caute conforto verus statua decerno. Bos tergeo versus anser aspicio cohaero circumvenio cogo universe combibo. Adficio laudantium amplexus casso aspernatur vomer antiquus amita consequuntur. Venio adamo celer bos est capitulus. Blandior architecto patrocinor alius delectus artificiose accommodo ante vindico. Templum sit undique volo bonus cunae ars celo. Aranea uberrime tergo comminor sufficio colligo solitudo. Coaegresco modi deficio volva terra. Veritatis iste accommodo. Distinctio desolo abundans. Facilis patria caput aequitas corrigo una caelestis somniculosus spectaculum. Vester comedo comedo pauci substantia. Verumtamen velociter contra. Vir molestias sit clibanus. Ara taedium temeritas cohaero pariatur terreo auctor usque cunabula. Thermae vulticulus aliqua. Ancilla coerceo spero timidus aro tam stips curiositas temperantia vigor. Degero astrum quisquam sopor xiphias sint. Conduco molestias acerbitas conicio peccatus adsum tersus admitto admoneo cunctatio. Spes utilis urbs ustilo minus aggredior cibus aegre. Depraedor aegrotatio trans architecto caste accendo astrum adduco sui expedita. Ceno acerbitas vestrum.

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