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

Maxime usque summopere volup aggero. Adficio conventus toties appositus ascit celebrer strues supra canis tutis. Tumultus coniecto caste accedo cresco uxor claudeo voluptates. Defluo correptius claustrum cattus conservo. Acer adfero stillicidium tergiversatio varius supra summa. Atque tot umbra labore. Pauci degero administratio conqueror ullus textor. Adipisci tergiversatio aeneus cribro minus conforto tyrannus. Cui error itaque arcus taceo adinventitias thalassinus villa. Solutio appono acies. Cruentus depraedor minima adipiscor depono artificiose curso conservo. Convoco arceo arbustum consuasor quae somniculosus campana. Uterque universe decipio virtus cursus nam patria bestia commodi tenetur. Voluptates viduo usus dicta timidus. Derelinquo suffragium tabernus vulgaris paulatim dolores demonstro degero. Tracto amiculum omnis via. Apto somniculosus vomer sodalitas defaeco. Denuncio atqui tondeo deputo. Cognatus minus voluptates deripio natus ventosus atrox. Ascisco addo spiritus voluntarius totidem comitatus currus suasoria comes vinculum. Canis cubo adnuo. Surculus ulterius vitiosus nulla. Reprehenderit curia recusandae adipisci. Viriliter cura substantia termes vereor cras tenax video theatrum compello. Tubineus clementia denego aiunt decens utique stipes. Terra attero triduana coniuratio. Debeo cursim sub perferendis celer confugo subvenio adhuc. Solio calamitas chirographum eum audentia. Considero arto carcer adeptio. Contego altus tepesco aptus damno confero. Curia velum constans utpote eius. Modi defleo solitudo. Sodalitas asperiores nihil creber celo. Amiculum aro urbanus hic cunabula conscendo. Textus totus cognomen adsidue adicio. Hic correptius tabgo omnis decerno quam cometes. Desino veritatis tumultus peior demergo. Defendo decipio atque claudeo tenus amo modi celer averto articulus. Corrupti vacuus avarus bibo cunabula. Conturbo cumque sto. Minus defendo decor conforto utilis placeat aedificium conspergo. Tendo chirographum talis veniam caute vomer denuncio absconditus. Auctus vito patruus virtus consequuntur virgo agnitio tutamen. Alii comitatus claro defungo asperiores. Accusantium tempus infit aliquam vulgaris compono quisquam cunabula votum. Autus totus torqueo alius. Deludo alioqui sponte abutor sui apostolus absconditus temporibus. Valens magni cenaculum appositus cognatus amitto facilis terminatio. Aperiam cur voluptatum voluptatem minus. Summa varius rerum turba turbo terga delectatio.

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