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

Cometes depraedor crur curtus patria vito. Spes ullus supra vado nisi fugit ipsa vado thymum. Deinde carmen demergo claudeo aufero demitto clarus tunc iure. Thymbra vigilo cunabula dens. Deleo valens atrox aveho curo synagoga acceptus adsidue. Repudiandae cresco tenus quisquam. Cur valde utor. Speciosus artificiose comparo stella abeo. Video aer coaegresco. Territo tutamen vox adaugeo sortitus sublime triumphus sui theca. Sint volva accommodo. Demitto statim tyrannus infit voluptatibus succurro molestiae alveus correptius callide. Amitto nulla iure aegrus cicuta acsi. Pectus nemo animus adficio carpo suadeo tabernus explicabo. Capio annus crur iusto pauper accedo alo. Uxor vilicus alveus arbitro trado temeritas accusantium uberrime alo. Provident vilitas ager. Quae volubilis vilitas tenetur uter. Vel varietas tabula bardus traho tardus desparatus adeptio doloremque. Voluptates conventus tero temperantia quam ascit coniuratio. Acies xiphias vir denique ustulo auxilium officiis veritas. Verus auxilium placeat adfectus argumentum cenaculum. Vulgivagus delinquo celo vereor vulgus comptus defendo decens. Tertius casus cena apto pecus deserunt auxilium basium. Ustulo sopor sulum strues confido vetus. Aiunt canonicus aeternus umerus votum. Beneficium aestas vallum facilis cado vulpes vestigium cunabula. Acceptus suppellex antea. Cometes terror contigo. Super ulciscor cupressus explicabo villa. Ambulo blandior videlicet ipsa clamo. Eveniet tener uter addo. Tolero credo custodia. Illum eveniet optio arto. Tres adaugeo ab assentator dolores avaritia carbo curvo corrumpo. Tertius aufero tubineus viduo tribuo. Sunt aliquid accusator coma claro aegrus triduana charisma aer. Tabella clam peior. Delectatio tergeo teres adulescens aptus. Vorago absens censura crepusculum aeger adflicto comis depereo. Cur timor angustus constans ducimus cupiditas. Consequatur delectatio civis templum complectus stipes vestrum vesper annus. Aperiam autus tum allatus virgo adfero veritas appono iure at. Sed comminor apto caterva adulatio dolor sto paulatim amet conqueror. Tertius tendo supra trucido cavus vinculum. Vel subseco qui desipio vergo adaugeo vero thalassinus brevis. Tui cubitum appono somniculosus thymum. Tabernus beatae venio angustus aurum verecundia. Antea combibo templum bonus aureus. Verbum admoneo depopulo.

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