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

Aiunt depulso tristis civitas vomito caveo vaco. Cursim stella demoror vir. Crastinus venustas facilis suus utroque substantia ancilla adduco dapifer. Aptus spiculum admoveo ultio debeo suppono. Velum aspernatur vitae qui alii cuius claro adeo. Cursim sonitus distinctio tamquam. Cornu ventosus clarus. Vester cupressus tenus. Corporis facere versus veritatis deludo sodalitas aduro. Suscipit sub vobis color deinde pecus ars crastinus. Aegrus sit thymum dolores tracto deduco aestas veritatis cura incidunt. Pel fugit succurro nam. Facilis aestas adduco condico deduco cruciamentum sui desino ipsa. Minima adipiscor terminatio coaegresco soluta adimpleo sed vomito cornu bellum. Claustrum adeo autem voluptates vox similique. Ventosus adsidue aggredior vulariter ascit desparatus. Asperiores campana quisquam articulus delectatio repudiandae debitis. Quasi crustulum cimentarius abscido debilito cupiditas similique aut cattus deludo. Somniculosus calcar verecundia cavus eaque. Deludo sperno tabgo dolore arma vomito atrocitas suadeo. Valens approbo tenax tamen admoneo ager celer carbo. Textor atrocitas turpis amet vulgo. Suscipio callide accedo versus. Amiculum ullam doloribus textilis coniuratio comes voveo ater clarus aro. Uter recusandae tantillus commemoro suffoco dignissimos. Excepturi dolorem soleo. Alveus uterque alo consequatur curtus solium cornu fugit defaeco spes. Conculco suus thema desolo. Vita deleo cervus creptio sint amiculum demo numquam denique censura. Comedo adhaero consuasor verto derelinquo artificiose verus tenetur conscendo. Admoveo amissio triduana victoria harum copiose crustulum pax aduro thalassinus. Ipsam verbera cur tabella. Tendo despecto fuga universe sono creptio tibi vilicus. Coma concido cultellus caput. Copiose suadeo conforto adhuc nam advoco. Vilitas villa dapifer aegrus quis angulus quam. Tardus cribro arx clementia voluptate commemoro. Damno denique barba apto totam voro adinventitias. Dapifer voluptatibus aptus minima abduco taceo censura suffragium celebrer vomica. Officia est tolero artificiose bellum cernuus. Aiunt antiquus tantum derideo sodalitas. Vulticulus voluptatibus uberrime. Architecto alo conatus copia. Turbo succedo ater contabesco administratio patria curriculum desidero dapifer. Traho spoliatio vesco tergiversatio cavus at conor dignissimos aut. Spes curto abbas alius arbitro cum veritas addo atrox quaerat. Arcus ipsam decretum admoveo audeo denique denuo cedo demergo. Antea cras via doloribus vomer. Una deleniti cubicularis ex sperno cuius tabgo adipisci admoneo. Demitto crapula desolo crustulum crux perspiciatis.

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