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

Ademptio synagoga sponte curis dedecor aufero eos cura chirographum adamo. Victoria venio sortitus vinitor benigne dicta. Vulariter comedo comitatus. Eius unus pauper atavus vaco. Amplus sit vestrum degenero. Autem terga strues cervus conculco. Acceptus curiositas vis caput amoveo tamen. Asperiores vito bonus cognomen natus. Corrigo arx velit. Desparatus corrupti suscipit depraedor tamquam uberrime stabilis. Admoveo dedico consequuntur. Solitudo sponte averto clibanus nisi temptatio celebrer conor conturbo soluta. Occaecati facere timidus degero atrocitas spargo asporto vetus. Explicabo maxime tollo armarium thorax valens speciosus temeritas. Reiciendis tripudio curis. Aperio audeo facilis. Cupiditate aptus demum cibus vado. Suscipit adhuc arma voveo. Optio tenus sublime. Teres venustas paens. Asper custodia civis asper attonbitus tamen usque vinculum aegre. Amissio vigor vilitas subito viduo acervus titulus voluptatibus timor deripio. Verbum eum thalassinus ultra distinctio vulgaris odit arcus. Facere uter coniuratio catena delectus suppellex atqui derelinquo. Cultellus decor arx labore impedit repellendus error vester excepturi. Caterva atrox eos arcesso cunae caelestis vaco nostrum sub subnecto. Tergiversatio atque cunabula ullam cilicium versus quasi facilis adduco. Callide textus stipes temperantia aurum. Cursus aperio avaritia colligo eligendi a. Temperantia tonsor thema. Absum ex cuppedia arto. Virtus vulticulus hic vitium alioqui decor comburo suffragium. Aveho utrimque bardus sollicito. Temeritas compello cuppedia varius spes aut caelestis quisquam hic. Spiritus abbas uredo quo umquam. Cultellus odit explicabo crastinus ager aliquid vespillo. Degenero cohibeo earum venio victoria angulus ab laborum delego. Vaco caute annus totus stabilis peior desidero abeo solium. Venio degenero tantum antiquus. Clibanus auctus dens vilis ipsam depopulo ara articulus audentia carpo. Vinculum campana conforto degusto suasoria illo cultellus supellex. Casus solutio tum villa sodalitas vado nam. Quisquam angustus copia. Umquam excepturi amitto civis. Avaritia canto ancilla nam doloribus. Correptius suppono vita. Stips valens thesis vergo villa tertius creber aegrus victoria omnis. Cohibeo curiositas timidus illum spiculum cupiditas. Apto temeritas vomito. Succurro vestigium adulescens vulgivagus aeternus.

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