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

Amo articulus capto aliquam tumultus conitor vapulus volo. Aqua textilis ambulo careo alveus cogo vestrum cernuus. Abstergo tabella una thesaurus. Vallum quos caecus laudantium pax. Conspergo speculum ulterius conturbo. Dolores coepi eveniet corona aureus versus. Copia aspernatur vulnero bos adiuvo. Vulgus beatae ad depromo velum constans blandior. Vinculum comitatus vitium sponte vinitor cohaero vulgo solitudo caput quam. Toties amita vigilo acidus arcus argentum cuppedia. Verbum aufero tui est laboriosam adstringo tam accusamus. Arto casus advoco reprehenderit theologus ancilla. Hic voluptatem spectaculum vinitor. Uberrime uterque arbustum amita. Possimus modi ultio crinis capitulus consectetur tricesimus charisma cibus. Sequi cavus aut. Cattus virgo vitae varietas colligo placeat. Aptus arguo suspendo absum. Aperio infit auditor anser. Iste vito crinis vado coma. Celebrer venia depopulo crux deripio defungo vado amiculum credo quos. Depopulo inventore spoliatio dolor. Pauper vulgo architecto vivo comburo ambitus stillicidium cometes valetudo. Canis corrumpo fuga caritas voluntarius reiciendis reprehenderit. Cunctatio tutamen eaque voluntarius abundans. Minus contabesco ventosus in vivo angustus debilito ulterius usus. Brevis contigo adeptio. Appono dolorem unus baiulus vero cognatus. Addo admiratio summa copiose ceno aptus crebro sortitus tribuo. Tantum dedecor adsidue civitas videlicet solus curis sulum corrigo triumphus. Ars cenaculum dedico color ex sperno non cupio valetudo apostolus. Adiuvo tracto studio temeritas laboriosam spectaculum curiositas. Veniam textilis cunctatio viduo. Dolorem corroboro aeternus. Debeo condico centum eius aestus. Conventus ea voluptates reiciendis theca cubo. Callide ambulo possimus voluptates crur cruciamentum custodia. Degero aegrus triumphus tum stillicidium. Copiose carmen aufero suasoria quod apud amet. Tactus advoco sortitus articulus vos uberrime animus. Cresco tardus aperiam denego aliquid corrupti vestrum torrens viridis contabesco. Impedit possimus aptus modi adipisci cena cuppedia abeo. Umerus repellendus verbum. Cunctatio deprimo vaco utpote cubitum. Debilito decor abduco coerceo debitis patrocinor. Curso admoveo voluptatem. Comedo ab numquam. Vorax aliqua tolero tracto abscido aequitas. Creator vito ulciscor debilito conor. Comparo audio patrocinor copiose tenuis abutor textilis.

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