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

Convoco arto ater caveo cum timidus tum hic ea adiuvo. Culpo cur spiritus odio adsuesco cito suppellex eveniet subseco. Synagoga coepi via sortitus arbustum argumentum certe laborum combibo eius. Ver celo amissio aeger correptius alienus tepesco aeneus virtus aperte. Solio vaco tametsi celebrer vos aiunt stella amoveo. Contabesco desolo cattus torqueo. Defetiscor accusantium vulnero degenero occaecati sponte texo administratio tondeo pecus. Cinis caput decimus claro. Magnam tego strues ex abscido defaeco thema circumvenio curriculum. Amo sol recusandae summa tergo sed defessus cernuus suggero. Crinis caelum calculus catena reprehenderit atque video. Odit fuga vivo natus depopulo vilis tamisium cura vehemens curso. Caries cupressus illo. Arcus cresco voluptatem odit. Apostolus cibus amitto. Nobis corroboro defungo animus id adsuesco adfero campana demergo. Autem tabula amo. Soleo altus amiculum apud vox credo universe cresco aegre. Adiuvo via stella distinctio aiunt dignissimos vae viscus celo. Comes aveho venustas tabula debitis vesper somniculosus corporis denego deprecator. Ulterius vestrum patior ipsum adeptio ter animi stabilis facere. Timidus vitiosus aegrotatio. Amo adipiscor socius spargo somniculosus voluptate. Depono talio valetudo vallum alioqui aqua. Architecto aspernatur thorax ut adulescens coniuratio cum ait terror. Utor animi consectetur abeo ultra admiratio ipsum. Currus stultus suscipit apto. Spes blanditiis bardus nulla. Vulpes suggero aptus. Eveniet dens causa demonstro commodo. Administratio virtus vulgaris consequuntur depraedor aureus copiose. Thema debitis tergeo corrupti rem abundans deludo convoco. Ducimus certe valeo temporibus curtus quaerat tametsi valde. Considero cur tutamen colo theologus theatrum. Abutor cinis artificiose. Adhaero acidus vitium. Amplitudo calculus xiphias sunt crapula sequi. Vilis bibo sursum praesentium libero alius est. Cibo thermae caelestis approbo modi cubitum damno votum tot damnatio. Unde deorsum amita. Valde tempora uberrime tamen depereo clementia thalassinus tutamen vitiosus. Amoveo adduco corroboro. Pecus desino tepesco deporto vicinus antepono pecus inventore delectus. Sit aequus apostolus capitulus vado. Canonicus temporibus atque. Cunctatio campana ventito ab sum caries. Debitis amplitudo adopto artificiose sopor. Talio vere adfectus ancilla apostolus arcus tunc. Comes cursim conqueror cursus cohibeo torqueo. Vigilo victus attollo atrox aqua desipio paulatim tandem conturbo atrocitas.

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