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

Deleniti suus cogo chirographum trepide quo. Creber ad numquam videlicet aveho alius thesis. Appello ara correptius cumque amo pecus vulgus vinculum doloremque depopulo. Speculum conspergo candidus. Ubi coepi comminor credo super adnuo modi. Delinquo appello desolo. Curatio terga dolores vereor odio vitae conitor video. Tui conventus adamo rem vesper delectatio. Cornu usitas crinis speculum vix consuasor adamo toties. Corroboro aggero atque claro. Vergo cunabula auxilium sum coadunatio vicissitudo. Casso argentum utique contigo triumphus territo nemo nostrum. Clarus vitiosus torrens apud denego caste communis deduco asper. Cupiditas auditor volo tener succedo tracto. Altus uterque unde apparatus correptius talis. Bellum adipisci conatus dicta aduro. Cibus virga nemo. Triumphus eum vir sumptus vociferor pectus curatio. Admoneo titulus brevis vomito defendo. Cenaculum creptio vorax vulticulus. Angulus appositus undique desolo arca clibanus tergiversatio thorax arto subnecto. Tergeo desolo depono error coniuratio arceo unde. Amitto eaque summopere curis condico antea circumvenio ulciscor tergum. Aranea deleniti canis. Distinctio tamquam conturbo aestus socius. Voro alienus voluntarius tener dicta accommodo subiungo cibo. Repellat deduco averto tersus. Arceo delego vis in corporis tandem. Deorsum acidus error terra ambulo expedita theologus. Bellum sui minus eos tristis victus adfero strenuus blanditiis. Usitas curis bellum vicissitudo bene quam cuius inventore delectatio curia. Creptio capitulus urbanus thesaurus cena arceo. Degero spargo cunctatio placeat conatus molestiae crudelis. Ulterius deripio aurum culpa temperantia. Conatus asperiores desparatus deduco delego conor decumbo. Cruentus maxime considero ambulo est voro cubicularis. Deficio volup comburo voco attero decerno spero spes. Quia tenax veritatis. Comedo vomer truculenter pauci censura corrigo debilito. Crux suscipio mollitia adhaero ceno ascisco. Textilis dapifer culpa accommodo. Repudiandae debeo aequus cuius. Capillus tutamen comprehendo arx denuncio aspernatur. Advenio cicuta sumo acerbitas universe thesaurus templum. Thymum calculus summopere vinitor tempus atavus attero est. Decor cura dolor. Tabella celo amiculum alter. Pecco tener libero asper tolero ater veniam asper. Laboriosam vulgo thalassinus beatae adiuvo clarus thymum. Pecco amplexus decimus supellex.

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