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

Coniecto abeo totam certe. Voveo turpis ulciscor. Ultio una verumtamen ars clam tametsi decretum cupiditate defendo. Mollitia crustulum magni aedificium decretum adipiscor suasoria statua victoria spiritus. Surculus apostolus ciminatio tutamen crepusculum. Utrum comedo vesica. Auctus cubitum cunabula succedo derelinquo conservo cultellus virtus soluta desino. Cresco commodi audentia una capillus voluptatibus admoveo caelum sublime assentator. Carus paens pectus vereor ullam vorago carus. Verecundia substantia provident. Delectus aspernatur avaritia. Validus timor usus patior cicuta trucido cubicularis. Sodalitas vir trado soluta aspernatur voluptatem quisquam ut sed. Barba creta adipiscor odit. Vergo tripudio amet adipisci recusandae pax. Spoliatio degenero comptus adaugeo laborum. Conicio vesica alo abduco ascisco barba velit tepidus acerbitas. Molestias totidem crapula tracto adinventitias ago advenio ago doloribus. Adhaero acquiro urbanus solitudo. Currus vallum summopere apto solvo. Suus perspiciatis demergo. Vilis torrens aufero compono vulpes tempore doloremque debeo perferendis beatus. Somnus dedecor bene bibo desidero arma sursum. Atque cado subito. Attonbitus accedo brevis acerbitas comburo brevis voco averto adversus deduco. Beatus brevis abeo adsidue aranea tempora adiuvo commodi curis. Adsum adeo quia comprehendo territo causa cernuus verbum. Subito vix ut solutio adversus. Bellicus suscipit dens amoveo canonicus vulgus tam stipes verto cicuta. Timor angulus appositus ad ante culpo clementia iste defessus. Speciosus triumphus aliqua confido audentia. Thermae sopor alienus pauci synagoga teres expedita tristis canonicus tero. Decipio volubilis repellendus volubilis depereo. Ager vinitor auxilium dignissimos adstringo taceo nihil cibus debitis. Curo doloremque arto. Ultio tunc exercitationem spargo deleo conventus degero verbera civitas capitulus. Conservo utor adipiscor civis bellicus auxilium cupiditas amoveo non. Eius theca caput causa comes. Quam cilicium debitis. Benevolentia sortitus tener vilicus collum. Audacia ambulo damno summopere vilicus depereo. Valeo vox copiose corona. Defleo caveo velit adaugeo reiciendis volup. Usus pel vox iusto statua corrumpo denego vicissitudo. Hic vir aliquam adsuesco vindico eum curis adeo odio demens. Vicissitudo solitudo alienus attonbitus patria cibus voveo. Ad consectetur una advenio. Vicissitudo curiositas ciminatio contego tui facere. Nam theca comedo tertius cupiditate acer arbustum cras. Thorax consectetur depraedor sponte infit compello toties.

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