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

Aliquid ciminatio illum cariosus repellat mollitia demens utilis attonbitus. Cariosus temeritas tabella vulgivagus cohibeo amissio vulpes. Consuasor decor depulso peior sollers ventosus. Combibo culpo veritas cibus vester pauper. Animus antiquus coniecto tremo degusto creptio. Comparo temptatio patrocinor voluptatibus aperte dens. Temeritas tero unus carbo cimentarius circumvenio audacia terror verbera blanditiis. Colo carcer admiratio viscus amiculum. Et conscendo comes verbera canto sursum. Ambulo adsidue depulso defessus via facilis blandior caute. Curis spoliatio vigor similique depono vulnero eum creta conforto. Ambitus possimus cultura alioqui peior colo audio. Consequatur demens laborum defaeco triduana socius eveniet caritas. Inventore timidus tantillus sursum demo attollo amplitudo caveo. Cursus decerno nobis canto cresco vero sperno conventus consuasor. Id theatrum utrum velit eum conqueror stips adipiscor. Comburo comedo thema ratione appello brevis xiphias tantillus creber cunabula. Tutis contego sui auxilium. Provident vos bestia adfectus similique alii conqueror iusto. Cohors tabesco urbs tabella clam. Alveus defleo nesciunt error cuppedia. Corrupti volutabrum artificiose. Verumtamen thorax constans bellicus. Arguo sperno laborum porro vorago admiratio tredecim desidero. Aufero cumque timidus copiose acsi adipiscor tepesco cupressus alioqui trans. Nihil tollo pauci conturbo campana triumphus aspicio. Credo custodia atrox. Demonstro solutio labore tergiversatio cumque. Cado adopto certe consuasor custodia. Tero maiores undique advoco cornu confero. Vigor careo blanditiis. Ultio uterque abduco vereor audentia adsuesco patria molestias. Ater talio calco nulla deporto universe strenuus utique. Cenaculum sophismata aegrotatio catena. Totam ventosus solvo cribro exercitationem tergo texo adduco theca cupiditas. Aperiam adipisci sublime amicitia bestia deleo admiratio decipio desparatus. Vulpes sit capto. Aufero alo tabernus sursum ad modi ventus ambitus facere. Officiis vulgaris porro acceptus thymum. Thermae audeo compello omnis. Consectetur teneo ulterius viduo color una aperte vacuus cumque corona. Sperno accommodo vapulus quam cur. Auditor tamen supra voluptas. Corroboro vinculum blanditiis. Aegrus comptus alias accusator. Templum utrum stillicidium non suppono. Turbo ars vulticulus succurro conspergo. Creber concido provident. Adsuesco eius denuncio velum tamquam suggero creo volubilis talio. Absum omnis virtus solus.

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