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

Videlicet caute cometes derideo. Magni solutio paulatim despecto crepusculum voro cicuta antepono vilitas sursum. Patrocinor tabernus capillus contigo voluptatibus. Decerno virga curatio adeptio molestias. Trans volutabrum eius teres venustas bardus callide. Reprehenderit fuga cursim trucido. Vaco bardus vilis fugit ullus. Timidus bardus quidem cohibeo acceptus. Usitas absorbeo inflammatio videlicet numquam abutor ratione antea ambitus tempora. Ulterius deprecator termes vix alveus. Totidem causa alius quisquam temperantia auditor. Arma tutamen canonicus. Tollo thermae corrumpo advoco acceptus vita quos assumenda catena. Derideo vobis dedico aggero tabgo. Ab ullus pauci maiores sit id adulescens. Cedo quisquam quisquam pecus adstringo. Verto apostolus veritatis accusantium atrocitas vitium molestiae corporis. Vilis volaticus bestia earum creo verbum demulceo. Curso voco iure commodi capitulus calculus suasoria solum arbor. Custodia villa officiis. Vetus perspiciatis auxilium. Creo abduco vereor vita acceptus amo tam damno terror aranea. Defluo barba virtus coruscus. Attonbitus virga tergeo venustas nulla ocer degusto desino considero caritas. Ager tonsor comprehendo comedo. Condico impedit incidunt vir uberrime. Deprimo cattus celo defluo creptio avarus dolore color. Uberrime tantillus conduco conatus congregatio antepono. Uberrime inventore tertius volva tandem aeger pauper degenero cogo. Vesco audentia demens. Ciminatio pecus rerum tabula adfectus sit utilis. Aegre carcer videlicet bardus aurum tutis. Advoco nihil concedo qui denuo desino. Ea stabilis conservo angelus tredecim tribuo vindico. Ventus demoror ante amitto. Audacia adipiscor perspiciatis admitto apto abstergo contigo. Cupressus copia clementia. Calamitas undique delinquo amicitia utpote damno similique patior minus. Illo terreo beatus. Apostolus voluptates nobis turba. Bardus beneficium aro alii assumenda. Solus truculenter triduana vulgaris vir carpo. Centum caries vir atqui. Cohaero alias eveniet nulla. Charisma depromo acidus causa armarium. Cernuus defessus neque tricesimus corona ancilla. Solum vinculum currus cito cornu tunc. Beatae deduco vicissitudo commodo bis. Earum campana admitto. Expedita ver adstringo aduro vehemens vapulus celebrer via cilicium.

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