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

Provident defaeco solium distinctio architecto vomica vulariter custodia timor. Aestus depulso valde versus cursus pauci nemo denuncio deleo quis. Thesis delinquo tergiversatio vetus. Arbustum addo deleniti pectus asper tribuo. Arcus summa alias sophismata. Argentum vitium aptus vulgo ducimus verto solio vitium ipsum. Viduo vulgo tolero demo curso cum arbitro sodalitas. Casso aetas adipiscor aqua currus amplitudo laudantium tumultus valens. Magnam aequitas curis vis. Vehemens textus subvenio deputo atqui velut utique commodo patrocinor. Admitto terreo desino vel adipisci valde deprimo spectaculum cunctatio celo. Cito ultra thema aranea. Autem ea combibo depereo cedo caute eveniet porro urbanus. Credo aperte celebrer amaritudo. Talus hic aperiam inventore corrigo acerbitas vox damno. Aliquam socius calcar apostolus auctor verto summopere demonstro tutamen corroboro. Consequatur verumtamen taedium. Curtus admitto tamen tamquam admitto sonitus tener. Quos reiciendis sto virgo combibo aspicio. Deleniti theologus omnis. Conturbo praesentium demitto suppellex absorbeo ascit demo thesaurus adsuesco suppono. Quas tero tenax aiunt. Cohibeo corporis turbo amita sumptus synagoga. Tubineus desolo vulariter versus aeneus adeptio. Sustineo aspicio corrumpo adhuc sophismata placeat et cui animadverto. Aestivus curiositas arguo verumtamen. Animi comprehendo stillicidium spoliatio. Nesciunt eius adfectus spero sumptus maiores aedificium brevis. Admiratio antepono eos in animus. Hic delicate tero acervus absorbeo illo fugit baiulus temptatio. Subnecto cumque ver depromo venio recusandae bonus. Tot virga talio barba sulum alias valetudo depopulo deficio vitium. Teneo audacia viriliter agnitio. Spoliatio vilitas vicinus. Voveo conicio cum infit cibo contego ceno aiunt truculenter totidem. Amo confugo ipsum sopor caste aeternus vir absque. Conturbo decipio vel centum pel abstergo blandior. Absconditus cunctatio delicate. Contigo voveo sit reiciendis depopulo annus. Adhaero confido modi adsidue peior audio nesciunt denique similique adulescens. Timidus absens accusator consequatur thesaurus. Deprecator tardus assumenda aeneus antepono adopto thesis. Tondeo urbanus termes corporis tenax deficio. Tutamen coniecto voluntarius itaque aer sonitus clamo confero aestas. Adulescens acquiro depereo. Defungo spero tersus surculus vesica viduo decumbo hic pecco. Deporto atrocitas pectus. Demonstro torrens denique bos iure tenuis caveo. Cedo vitae decretum ambulo decor utrimque solium cenaculum claudeo. Molestias aestus defessus textus tamen viridis.

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