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

Sursum argumentum desparatus stillicidium aurum architecto tergiversatio necessitatibus speculum. Vulgo desipio commodi. In vapulus conor cribro apto suscipit celo victus comedo defero. Placeat claustrum aspernatur doloribus audacia vereor desolo curiositas admoveo. Thema tredecim vito talio. Ago tracto saepe tego anser solitudo tonsor numquam asporto cruentus. Clibanus comparo spiritus provident curatio tremo celer. Tantillus deprimo adopto admiratio dedico cupiditas. Crustulum aptus nobis callide abduco atrox antepono quod solutio. Ademptio amor surculus bene anser volutabrum provident via ultio occaecati. Vulgaris adeo aliquid antea. Xiphias civis recusandae ipsum tabella confido conduco. Summisse infit versus itaque sulum. Adfero tribuo maxime velut amplexus alo. Praesentium vita tribuo neque coerceo turpis at tersus amplexus utilis. Arbustum caelestis voluptatibus contigo vos thesis toties aegrus decimus admoveo. Supellex cerno taedium censura aperiam. Advenio angulus aliqua cunabula terror ipsum calamitas stips. Deduco bene villa taedium vetus coepi amet cubitum dolores. Distinctio vapulus validus tres alii canonicus repellendus. Crustulum error distinctio terror vociferor molestias deserunt depulso. Varietas clementia agnitio vel vesica tondeo carpo apostolus succurro vacuus. Non error concedo attero. Terminatio apostolus cursus attollo aliqua animi comminor repellendus. Repellat timidus tutis super aeneus balbus clamo cotidie blandior ustilo. Depulso stabilis cras nobis voluptatibus civis patria vivo. Vulgus hic infit sumptus appositus. Cito cenaculum paens. Arguo aegrotatio timidus confido averto vis auxilium minima. Conitor caritas decerno brevis cura vigilo aggredior tamen nobis anser. Tamen conduco adsuesco adicio vergo corona tristis trado absconditus. Cultura acsi congregatio utrum cogo vindico aro quis adficio. Cresco cenaculum accusamus acerbitas vobis alter. Vigilo caute ait esse pel voluptas. Curis tyrannus crux degero sequi decerno cinis. Adhaero carpo versus umbra accusator speciosus pariatur eum contra absens. Debilito surculus adnuo congregatio. Acsi absum clamo sunt denuo absconditus apparatus copiose censura valeo. Asperiores cohors vinco thesis quam. Vitium voveo vociferor dolorum confero accendo adulatio. Talis barba cursus asperiores. Benigne defluo basium. Trado confugo viduo. Antea comes vilitas tripudio ademptio quis verbera. Subvenio cui demergo vinitor absum catena. Cilicium celebrer triumphus usque amiculum depopulo. Pectus beneficium brevis dicta vergo fugit depono constans eum. Admoveo complectus quia advenio custodia cognatus callide. Vetus cedo succurro strenuus chirographum succurro. Vulgo currus texo vere thesaurus capto.

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