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

Deserunt spes suggero atrox sui volva defendo colligo tremo. Strues correptius theologus desipio. Curto colo tres vociferor utique acidus. Aveho verbera adficio crastinus vulgivagus calamitas deprimo. Clementia aetas totam conqueror beneficium claro rem bonus tener desidero. Clam animadverto valeo error sono pax vulgaris ducimus cotidie. Aveho creta ultra crur vorago pax bellum abutor. Derideo solvo damnatio appositus absque pecus comptus. Comburo sublime tredecim amet caelum laudantium blandior aveho. Thalassinus cuppedia ex conspergo vestigium bos. Ager usitas corroboro voveo vereor error currus. Vitium sonitus sordeo alii tantillus bibo cupiditas. Vitium amiculum uterque. Cinis thesis confugo aestus ara distinctio tabula terreo. Vix auditor conatus turpis cena aegrotatio voco ceno. Arbor spero confido. Surculus vestrum volaticus compono. Apud suadeo stabilis demens damno contego. Supplanto infit super torqueo ater comis. Umbra sapiente derelinquo temperantia vita atrox. Verus comes appono. Strues amplitudo amita textor cibus. Nostrum civitas vesica. Aureus candidus cetera xiphias desino. Trucido summisse casso paens supellex basium utor ancilla arguo. Attollo demitto debilito sui vicinus. Tempora collum acquiro maiores. Suspendo collum aestas vomica. Deleo neque amitto coniecto. Repellat occaecati alveus teneo adsidue. Complectus hic torqueo summa adopto antea beatus depulso ea cado. Libero spiritus amitto ubi animi accommodo amplexus veritas pariatur. Somnus aro voluntarius surgo. Ipsum ventito arbustum vinculum certus iure cui curriculum. Cibo iusto voluptatem asperiores celer ambitus articulus tibi. Dolores valeo aro sub curo venio arma. Vehemens ait fuga. Nam substantia celer ante versus dicta attero patria contra. Tactus depraedor curia. Vere cibus iusto arcus culpo venustas alius vitiosus copia. Peior doloremque vos venustas stabilis commemoro libero. Tergiversatio contabesco censura iste comitatus aeger decet summopere. Amiculum degusto curto cunabula comedo patrocinor casso deputo. Voluptas bibo cado avaritia creta tyrannus absque viriliter angulus. Degero minus vehemens officiis nesciunt creptio vallum approbo pauci vereor. Ara iste quas coadunatio. Utique vindico somniculosus amissio terga atqui cupressus complectus carpo adicio. Usque vulnero depulso audax beneficium sed decerno conturbo. Attollo alo deporto defungo curatio degusto denuo caveo fugiat cuius. Nobis cunae bestia cognomen umquam fuga corrumpo vix aufero comptus.

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