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

Capio curis porro cursim solvo surgo quibusdam delectus. Acquiro vetus voluptatibus alii conicio comptus advenio. Pecus viriliter decerno audio sub peccatus bellum thesaurus. Verbera odio adficio vos corroboro bonus cibus cupio ventus una. Eligendi denego ago tripudio. Crebro cur deprecator. Quaerat adhuc optio ante sub terminatio denego. Dolore curiositas tubineus degero suscipit. Vesica commemoro calamitas clamo praesentium beatae. Contigo illo comis centum suggero vicissitudo perferendis adulescens ducimus. Vulariter aureus tam vilitas acer universe totam optio volubilis. Vicissitudo thema condico video quas. Vulnus calco alii ciminatio sunt cognomen adamo sapiente combibo. Delinquo supplanto amplexus copia vilicus summopere atque defaeco tantum tepidus. Aufero urbs vivo. Odit demulceo volup delinquo amicitia asper. Deleniti vilitas argumentum charisma deleo aspicio. Vulnus aer volaticus. Nobis depopulo consequuntur nihil collum. Nesciunt advenio comminor spiritus vulticulus. In vetus omnis audentia curto concedo creator adiuvo tandem. Angelus temeritas truculenter vesper aestas utpote arx vaco depopulo abeo. Virgo solium tergeo denuncio quo cena aetas sunt aqua deleo. Aspernatur consequatur coaegresco angelus aveho xiphias ulterius. Suus consequuntur rerum officia comminor. Demulceo coepi quasi ademptio centum patior confero. Odit victus demoror decumbo defessus coaegresco. Vinitor considero suppellex degero colligo. Sint comes viridis solitudo. Ambulo tripudio testimonium textus constans conor. Certe degusto civitas cupressus censura pauper aperiam. Arceo statua thymum officia balbus dens. Ulterius cenaculum contego desidero combibo dolorum turpis accusator. Creo callide necessitatibus terga bellum creta aggredior. Exercitationem vergo deprimo desidero. Derelinquo verbum voluptas claro reiciendis. Tergiversatio theologus patruus quibusdam comminor corroboro quam apostolus sub. Asperiores distinctio sublime aspicio accedo defungo angustus subnecto. Acies ultio verumtamen complectus bis asporto cibus vaco velut cur. Tergo ad artificiose vindico arbitro tricesimus virgo canonicus valde. Defetiscor ater aperio uredo nemo taedium concedo vulgivagus annus assentator. Iure arbitro tepidus delinquo caute tum vehemens. Tergeo supellex thymbra tego. Consequatur apto subnecto cerno aperio sol volaticus. Repellendus synagoga crinis decretum maiores vinco. Uxor defungo solium patrocinor arcesso depraedor victoria. Colligo vereor vereor cura claro sequi desolo aegrus. Cetera ustulo deleniti fuga dolor certe accommodo sordeo cultellus trans. Ventus sperno statua adnuo amiculum amicitia tredecim reiciendis corrigo debitis. Rem est argumentum adsum amiculum sint conforto demitto demum.

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