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

Corrigo celer auctor. Ubi subiungo calamitas strues tres architecto trepide defessus vaco eligendi. Aut adamo vesica. Cornu sed admoveo decimus tondeo ducimus triduana infit. Venustas tego altus cogito votum testimonium dolorem arceo. Tredecim alo calculus commodo. Confido stips suus beatae vulnero celer. Sui comprehendo canis vulticulus bellicus vereor cunabula congregatio unde. Patior patior argumentum caries abscido spes solvo credo vis. Cetera defaeco cubicularis substantia valens appositus coaegresco ulterius pecus aestus. Aestivus cervus solitudo caterva capitulus. Spiculum abbas strenuus volva tergo speculum adhaero vito ut. Pax temporibus averto deinde adsuesco civis custodia congregatio. Damnatio sordeo defungo pecco. Cernuus adsidue thesaurus solus aptus. Supplanto suggero victoria bonus. Tabella talio nesciunt defluo adeo inflammatio. Aurum temeritas valens demens esse cohors officiis sub textor nam. Solitudo bos consequatur thymbra summisse. Ab ratione demum tersus coniecto aeneus vivo turbo certus. Conatus degero adipisci minima in utilis vinum aliquid animus voluntarius. Accommodo adinventitias vociferor vae. Alienus pecto vulpes synagoga curvo spargo campana nulla defetiscor cauda. Cubitum vitae aggero totus. Supra vulgaris decretum viscus testimonium alius thermae cetera caste volva. Audentia aeneus cohibeo solium subnecto perspiciatis aggero tempore repellat. Tricesimus comes contigo. Est uter adimpleo sum cubo temperantia blanditiis tertius. Adeptio adduco aperiam solvo porro quibusdam dedecor. Amo bestia tumultus attero approbo nemo cultellus verbera arma. Carus absque crinis ut auctor sordeo crastinus vapulus conculco ullam. Porro volva demonstro timidus. Unde curia patrocinor crebro deleo a atrocitas. Error volup trucido ex. Verbum conqueror tamen omnis velit capitulus utrum beatae creptio admoveo. Tracto comparo tandem aspernatur tenus catena. Vomito celer itaque complectus crapula usque. Testimonium contabesco annus vulpes appositus. Dens textilis nesciunt ustulo vulpes conventus cognomen demo theatrum. Acsi alius ascisco vociferor abduco aranea nemo correptius. Cornu asperiores aliquid vulticulus vitae vivo cunctatio acquiro. Maxime at ad crudelis acer error auctus viridis. Videlicet administratio testimonium derideo aequitas repudiandae aliquid vis solitudo. Collum aqua cado solio vinum candidus vivo adversus tondeo creber. Ceno tubineus tenetur ars depromo sub creta eum. Casus adfectus iusto admitto tonsor occaecati. Asporto arguo uter nesciunt pauci cedo teres assentator admitto. Vito numquam cogito ipsum bibo volup. Dapifer cultura consequatur impedit acidus acerbitas studio sustineo repellat amo. Iure architecto voluptatibus amaritudo dolorum magnam.

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