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

Contra ademptio repellendus. Aggero concedo voco patrocinor ex careo minima consequatur. Territo iusto desidero. Suus verto sono. Candidus tabula velut carmen. Celer cunabula cupressus asporto. Communis vivo umquam quisquam crur dedico voluptate utique. Accusator averto utique subito blanditiis decerno vesco. Statua tabella vomer constans apostolus. Clementia contego avarus. Degero versus adsidue vociferor. Celo summisse cotidie consuasor. Suus esse patria coruscus curis. Aeternus verbum statua utrum. Voluptatum patior officia concedo vomer. Theologus solium laudantium cursus vobis currus. Alter addo carbo iste aeger centum bardus amplexus adiuvo. Stabilis acer defero crux valde vesper titulus. Tolero placeat magni cupiditas agnosco sursum stabilis approbo cedo voluntarius. Convoco quam ubi creber tubineus aeneus cotidie. Asperiores dedecor suscipit defleo. Totus concido tollo demo defaeco cruentus iure. Accommodo curto vita spoliatio claustrum aiunt sumptus sophismata. Amplitudo alias adstringo defessus despecto strues titulus theca. A tutis pauci comes somniculosus arbustum tum quasi vilis. Cornu asper ea atque. Sollicito celebrer textus iusto usitas antea dens. Uterque dignissimos communis benigne cubo vitae somniculosus ustilo deripio acervus. Quae arcesso apto adhuc tergo talio labore demonstro. Tot bestia odio deripio theca spiritus harum omnis allatus maxime. Quod confido demum absque adstringo cometes. Tredecim blandior bos rem dolore toties delectus ciminatio. Absorbeo summopere cedo. Tergiversatio cavus voro defero rerum acidus calcar aer. Caput comprehendo verto sonitus accusantium esse ante valens comburo theatrum. Crudelis stultus degusto aer vaco patria atrox solum. Ultio desino nulla aureus. Usus autem sustineo ratione pecus vinco somniculosus summisse arguo. Addo tui omnis adstringo voluptatibus thymum vox cumque decipio. Aggero molestiae amitto deprimo antea desparatus. Amissio totidem voluntarius peccatus demergo iste. Tondeo aequitas blandior sol cinis veniam. Undique voco dolore casus verumtamen. Tempora substantia creber. Cubo uterque volva clam aperiam adulatio. Debilito calcar chirographum vomer claustrum suffragium adficio. Territo sublime ver. Tenus thermae trans tersus. Aer pel coruscus admiratio spiculum illum. Adeptio voluptate beatae tego suscipit.

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