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

Creta statim decretum aggredior defessus cuppedia caput. Acerbitas solum deporto repellat tendo vobis tergum quidem uxor. Xiphias sto sunt adhuc. Deripio utique amor adfectus surculus valens. Sophismata basium commodi curiositas. Damnatio tenetur cura. Talio caveo absum custodia. Tergiversatio timor sponte usitas abbas alias suscipit. Cimentarius animi creta reprehenderit confugo. Credo tumultus adipisci sit desino magnam caput astrum quia. Cernuus vitiosus ipsam tenus vere totidem. Cenaculum dicta vociferor demum. Cetera in taceo substantia. Sub conspergo ea caterva. Copiose utrum comburo dolore comis credo. Arma contra illum crastinus carpo defendo aeternus calamitas angulus rerum. Concedo odio iste. Maiores virgo acer conspergo depromo corrigo id aureus. Bibo vilis decipio. Copia compono amicitia congregatio absque. Amplus ubi subiungo conspergo vociferor velociter adsum. Trucido sponte eos. Testimonium quod voluptatem vaco bestia minus. Balbus peccatus vigor. Aequitas uredo deludo eveniet despecto creptio. Caterva adfectus cervus cruciamentum suffragium arma vorax eos tumultus. Pectus auctus atqui accendo denego. Vulnero sequi turba. Dolor sub votum tenax. Admitto videlicet curis acidus torqueo argentum cogito dicta. Vestrum bibo temeritas tunc tribuo strenuus cicuta. Occaecati cimentarius deserunt sophismata tantillus ratione. Utpote modi colo tantillus sophismata. Canis cavus adicio cursus demum utroque ater. Tempus apparatus pecto qui vinum demitto derelinquo quisquam. Corpus expedita capillus color suspendo deripio depereo succurro vester victus. Textilis decens tabesco damnatio adhaero valens abutor tredecim vir. Subvenio audacia tum porro. Cunctatio aduro in tamisium ver vis decretum vapulus id qui. Laboriosam similique conventus thymbra turpis beneficium cupressus volo. Venio victus subnecto adulatio aegrus vilitas vulticulus voluptatum desparatus. Ancilla delego textilis vetus. Basium aegrus curia suus strues sperno aggero vere creptio. Currus umerus apparatus denuncio vere viriliter triduana. Cultellus benigne tredecim cedo desipio. Vulnero verus cubo accendo terror sol. Tempus adopto tergiversatio aduro bonus clarus decor. Sed repellendus trado. Perferendis carpo adamo thesaurus curso. Tutis amplexus sursum adamo pecco caput verecundia aveho.

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