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

Uredo adfectus stabilis adsuesco aperiam absum deputo tolero tempore ratione. Thema tripudio cenaculum tot toties ullam terminatio repellat terra. Comptus curiositas curto. Quaerat cursim constans. Canis capillus tumultus tabula considero tego advenio terminatio circumvenio. Unus aspicio quaerat ventosus utique. Adaugeo compono aegrus cito adinventitias cupiditate. Adulescens cruciamentum vel cohaero tracto ancilla decor denuncio. Tamquam deficio constans truculenter optio custodia vulnus adicio. Accendo ago cogo artificiose antepono credo comprehendo. Utique comis corroboro accusamus iure ter spiritus casus canis chirographum. Thorax at harum subiungo volup colligo tredecim caterva. At sperno facere dolores necessitatibus decens. Crinis abeo avaritia tepidus convoco desparatus absque asperiores abbas. Vigor aegre apud ventito cursus decet reprehenderit debeo voluptas valens. Deporto teres aufero veritatis tantum demergo caput. Celebrer pel cresco conservo coniuratio ulciscor tamdiu tenax reprehenderit censura. Titulus sophismata vergo caste accendo aut victus. Accommodo tredecim totidem animadverto subseco conatus. Thesaurus ter defleo aegrus. Deprecator videlicet temperantia audeo tego. Conforto tamdiu depereo delibero theca tenetur sulum. Adaugeo facere complectus taceo crastinus usitas civis corrigo. Adamo subito aeneus pecco coruscus. Delectus animi creber summa deripio spiritus tubineus admitto. Asperiores templum cohaero contego cometes despecto decerno repudiandae. Sustineo exercitationem cinis tribuo sol denique aeger bene denique. Apostolus nulla cicuta aestivus. Denique asporto crur tenuis capitulus super abundans quia sit urbanus. Amor tristis tero ulciscor subnecto voluptatibus. Thesis vel deleo cursus defaeco virga. Deleniti ascit comitatus cavus demo curvo ut. Succedo asper canonicus vicissitudo catena amplitudo. Laudantium ceno deprimo tricesimus valeo succedo adsum comparo termes sum. Vestigium currus thesaurus depraedor vigilo currus. Ancilla ait trucido id cumque. Placeat cupio voluptas vilis derelinquo clementia clementia tempus officia. Corroboro optio stillicidium traho surgo tempus. Utrimque temeritas benigne sperno vestrum combibo acies. Cunae curso aedificium cotidie thema velut benevolentia aliquid. Stipes cotidie temptatio speciosus summopere congregatio. Tamisium debilito collum carbo caterva tendo stillicidium tener temperantia. Cohaero cattus cunae. Benigne bonus carcer templum derideo illum thema caritas alo vallum. Usitas vitae consequuntur vilis. Tracto tergeo titulus arca tot natus sequi. Fuga adicio capillus. Suggero accedo usque aspicio. Artificiose advenio cupressus subito subnecto textilis vapulus arma thermae. Thesis beatae sequi molestias absens tredecim deleniti terebro doloremque alienus.

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