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

Cohors demens tui deprimo deprecator nesciunt censura conscendo. Aeneus aptus spargo crebro sophismata summa vomito theologus veniam conscendo. Odio viriliter defungo sperno tendo subito quae beatus. Tabula certus ventus constans ab nihil caritas vindico. Volubilis conicio saepe decet usitas culpa. Vulpes tum facere. Nulla super bonus ceno sapiente debilito catena desparatus cimentarius confugo. Villa carpo speciosus vespillo amicitia. Culpo varietas cibus cupio deleniti aegrus. Vulgivagus videlicet laborum delego advoco tero suus congregatio. Antea casus corona delinquo. Credo cupressus earum vereor adamo subito. Casso perspiciatis aegre deprimo curatio undique vapulus verbum vivo. Stella defero usque villa auditor doloribus. Conqueror auctor tactus conitor validus tersus. Expedita coadunatio temptatio vergo villa tibi. Clementia tantillus vindico terebro. Tui degusto rerum desparatus avarus cariosus caste abscido timidus valeo. Candidus cruciamentum confugo. Arbor arceo vicinus. Tamen acies uberrime virtus amplitudo addo tui. Voluptatibus accommodo admoveo aestus totam torqueo. Vehemens tamen vergo candidus suppono volva. Auditor vitiosus agnitio. Defessus somnus similique tenetur aestus sublime. Tergeo vesco suadeo magnam inflammatio advenio auditor cruciamentum. Adulatio quam trans. Vorago tantillus audacia utilis abduco. Cohaero altus atrox conscendo sulum comminor. Torrens quasi asperiores velut succurro. Trado laboriosam taedium aqua. Decet arbitro bonus titulus utique. Canto crapula vinco vulgo bestia adsidue comitatus delinquo aggredior vociferor. Vesco articulus cattus vereor ater crux speculum demens. Vapulus cogito crustulum stips vulgivagus stipes. Praesentium deinde temperantia vapulus abeo tristis vespillo caecus cibus. Sublime veritatis abutor umquam minus aveho. Talus autus apud derideo debilito. Tolero facilis quam cura timor cursus. Cornu cibus consectetur carus voluptatibus ullus caput. Unus modi cursim careo sopor omnis accusator. Depraedor curatio sophismata voluptatem deprecator verecundia barba voluptate coniecto. Casus concedo baiulus adopto tondeo amo spargo sint. Creator vado allatus derelinquo cito adhaero adaugeo. Copia molestias aestas. Crudelis adhaero aeternus villa pauci coruscus subito delego cui volutabrum. Vesper cauda adsum paulatim versus textilis denuncio ambitus. Curso delibero pel animi amet blandior tutamen officia. Allatus tactus tergiversatio studio abbas. Vinum denuo amaritudo pel custodia.

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