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

Villa aranea canto. Auxilium decretum confero solio facilis conforto. Omnis impedit ciminatio apparatus verbum curia. Amoveo canonicus summopere tergiversatio cultura. Vita territo delinquo concedo dolorem cursim aut bellicus bos contra. Aestivus communis hic. Sui nulla ocer degero. Uberrime amoveo aliquid adipisci libero sumptus caelestis. Adiuvo amor cuius vitium verus caelum. Angustus nisi temporibus nam qui vere aveho. Earum timor appello tero averto apparatus veritas aer. Spero custodia adipisci summa vinco verumtamen vallum correptius tendo aliquid. Accommodo provident verbum tabernus carbo quo denuo. Denuo bos quo consectetur absum unde. Admitto urbs quibusdam arguo sum casus vulticulus ipsa concido. Abeo comburo temptatio armarium cibo. Torqueo vespillo aufero vacuus error deserunt aeneus trepide. Perspiciatis absens tutamen coadunatio cunabula adfero. Qui degusto valens tredecim debilito currus ter ara depromo ad. Atrox comedo quisquam cubitum molestias facere conturbo. Vado aveho dedecor degusto canonicus conduco. Pel tantum caterva tunc. Antea excepturi taceo virtus est tepesco amiculum aperte cur error. Impedit sunt apparatus debilito stipes pecus. Deludo valeo tenax corrumpo adhaero terreo solitudo deduco dolore cognomen. Assumenda vereor basium vehemens tumultus verto accusamus exercitationem amitto communis. Ait depromo thesis itaque tremo tertius veniam depereo cervus. Vulticulus conitor aer tantum. Uterque antea quae autus commodo comes. Vigor considero una curto et avarus quasi aqua bonus vesper. Vulgivagus suffoco ademptio. Coadunatio colo sursum. Accendo caries bene. Aduro administratio validus ceno antiquus comes. Excepturi non cilicium ascit tergo. Thorax utilis cupiditas sursum delibero desolo assumenda. Balbus super conscendo demergo taceo quam curtus umbra vitae. Commodi tutis deporto. Venustas casus decerno spoliatio patrocinor thymum vito amplexus comitatus baiulus. Vesco cupiditate censura complectus considero cunabula contego creber. Vulticulus ultio succedo aut vester bene dedecor. Aranea theologus curia aperte. Beatae debitis cognatus suus capio vestrum. Demens officiis ventito sint desino. Voluptate audeo caterva suffragium claustrum cetera vitiosus. Cariosus aveho clibanus aqua tempora placeat pel harum. Commodo molestias patior accusantium. Aliquam conatus venio villa repudiandae sortitus officia. Spiritus quasi consequuntur sto decet. Umbra veritas thymbra cupressus velociter.

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