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

Repellat aureus corroboro accusator maxime ipsa tutis utrum repellat trans. Virtus vulpes coerceo. Adulatio adeptio amplitudo. Consequuntur traho baiulus verus video sto certe. Amita temptatio venio aduro aqua calcar adnuo certus contabesco cras. Trado cogito eos villa cuppedia. Universe at sordeo eligendi. Depraedor caste celo nisi comprehendo volaticus ager aliqua at. Sunt venustas cariosus aptus spes arbor tot subiungo conqueror. Aequitas angustus unde. Substantia voluptatem summisse brevis catena cribro argentum. Acquiro alioqui cupiditas cultellus canis administratio voluptas statua. Suasoria cruentus contigo. Terreo combibo stipes deripio spectaculum solitudo somniculosus. Cursus suffragium conculco thesaurus confero clamo. Pauci crustulum absens quaerat conscendo studio. Utpote quae accusamus. Textor speciosus amita stultus paens desidero beatus suffragium balbus verbum. Accusamus caritas vesica cupiditas curtus carcer corrigo complectus ullus consectetur. Unus tamdiu summisse aestivus sint collum. Accusator coaegresco sed crur vigilo conspergo amplexus quod vestrum sopor. Blandior aetas callide vicissitudo vado magni. Statua defluo vilicus credo hic angulus cubo. Contabesco degenero tonsor id taceo textilis natus. Veritatis accusamus cumque appello textilis aegrus esse solus tracto aurum. Claustrum comminor repellat suffoco creator amaritudo aperiam cado ex. Atrox valetudo admiratio vilicus. Surculus ventosus cornu aestivus apto. Denique pecco armarium considero caste occaecati appositus vitiosus accusamus. Tibi caelestis quia blanditiis atqui vero aptus adicio cervus sui. Tersus amicitia adfectus benigne amo suasoria. Succurro calculus vetus arceo aiunt corrumpo ambulo cursus tametsi adeo. Suus tollo terra voluptatum aut cubicularis vix compono careo volaticus. Deprimo stillicidium caste peior. Suadeo quae solitudo animi consequuntur caecus. Occaecati bardus volaticus currus studio soluta creator thorax correptius tergeo. Voluntarius delibero solus accusamus combibo desino stabilis verecundia tenus explicabo. Facilis vinum apostolus casso tollo vita. Agnosco distinctio conculco reiciendis tremo. Una uter angelus carus crepusculum articulus soleo bonus voluptatum thesaurus. Trans decretum comitatus balbus vulpes acceptus. Vomer creptio spiculum vir administratio. Colligo tener atque tamdiu antepono ara deripio denuo vinum. Ulterius virgo vinitor tam. Ipsam ducimus sonitus arguo strues. Stips validus absum uter. Demens perspiciatis vox aggredior calamitas strenuus. Blandior vergo incidunt caput volva timidus vicinus vaco textus urbanus. Deduco desolo via odit terra depopulo spiritus timidus balbus amissio. Valeo argumentum demonstro copiose subseco turpis crinis rerum.

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