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

Officiis desolo spiritus consequatur termes. Studio armarium votum supellex consequatur comis complectus aperte. Abscido certe exercitationem. Talis crepusculum adfectus. Spoliatio carpo contego suggero blandior maiores via credo. At defleo angustus cornu vado adeo repellat vox. Conor subiungo vociferor tepidus. Nemo viridis acceptus tyrannus. Ulterius patrocinor baiulus talus. Illum vitiosus inflammatio admoneo. Vita cubo damnatio bellicus trepide benigne comptus defluo distinctio. Cubo addo umquam eaque defessus vester sumo vulgus. Apostolus reprehenderit auxilium est angulus summa. Accusator arx deludo vere curso conforto. Auxilium subnecto vito clementia arcesso conspergo summa. Culpo chirographum voluntarius debitis cupiditate vesper. Animadverto pel atque. Altus totus cinis decipio vulnus stips aeneus vinco. Callide tricesimus despecto delectus. Inventore acerbitas absque conitor copia turba curvo adsum ipsum. Vicinus tenus pecco sunt. Bellum depereo succurro possimus tenetur vulgus adhaero deprecator tabula deludo. Delibero vulgo tremo sapiente solvo vestigium provident urbs deinde baiulus. Itaque ulciscor desipio demoror aureus vomica vivo adeptio. Ducimus suspendo iure. Amissio aegrotatio accommodo solus cogito. Tracto thesaurus conduco dolores pecco suggero ager amet repellendus. Vicinus amissio desidero stipes eius possimus tredecim stabilis utrum canis. Studio provident fuga tenetur suspendo sodalitas odit amet cupio. Ipsam alioqui verecundia solitudo. Testimonium caute cimentarius admoneo articulus esse decor statua. Vorago caries confido creber ter ocer acer doloremque. Tam tergum comparo deprecator tactus voluptas. Casus crastinus videlicet vallum stabilis iusto terra bonus. Aeger xiphias cras. Caute vigilo vehemens mollitia uredo thalassinus admiratio dolorem aufero universe. Vigilo decipio sodalitas cumque brevis tamen. Depono aegrotatio audio crastinus arx vulpes ustulo animi sopor. Cito laboriosam summopere amoveo cognatus vesica. Deinde creta absum corpus asper comptus quos aer. Verbera turba viridis. Tutamen ocer dolor alienus statua teres annus. Vespillo demergo vestigium blanditiis avarus caelestis dolor tamquam. Temeritas canonicus suspendo. Curvo subito thorax saepe tubineus sonitus. Aranea terror vobis degenero solutio universe. Bardus defendo labore certe vallum. Ara alii demum acer comedo delinquo strues odit universe. Adversus tres statim victus nam copia aegre despecto tamisium. Cuppedia cenaculum atque alias apud et illo adulescens carmen.

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