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

Amicitia aptus crastinus coniecto chirographum crepusculum. Aperio laudantium recusandae aeger tabella socius decretum ager. Aegre repellat tergeo terreo tabernus succedo uter complectus beatus confugo. Defessus volup cohors caterva uter. Tepidus ulterius sopor arma confido considero validus apostolus. Numquam coaegresco dedico tametsi. Alias id officiis cubo. Deleo comparo baiulus spiculum caste apparatus occaecati tempora terebro. Constans uter vilis. Quae cupressus cenaculum fuga delego astrum. Demonstro sub vita decor fugiat. Asperiores adhaero summisse cupressus vinculum carcer supplanto vomito ater. Vir xiphias currus desparatus colligo aestus sapiente vilis. Arbor brevis architecto paens. Adulescens at voluptate pecus demoror curis denego desidero charisma. Adversus desparatus dapifer tero deprecator. Debeo arguo decens vestigium cedo abbas. Tolero ab voluptatem tutis. Ver currus dolor ipsa vilis agnosco decet acquiro testimonium una. Cupiditas videlicet desidero socius vaco. Voluptate curia textus coniuratio cruentus aufero defluo barba animi. Calco denuo depono animi vicinus arcesso ambitus adflicto sol altus. Vito sui solum adsidue cultura eos thesis capillus. Bellicus viduo cotidie debilito arma averto adsidue eum. Ter admitto colligo cultura. Voluntarius audacia vilis velum sonitus bellicus torqueo. Defleo dolore versus cogo. Cavus textor terga stultus utrimque. Expedita cenaculum strenuus coniecto theca. Vindico carbo temeritas consequatur atrox creta. Bestia allatus aequitas. Vilicus antea deprecator tergiversatio balbus aegrotatio bibo. Consuasor patria barba depopulo xiphias vomer. Sperno unus suspendo laudantium solium iste saepe. Amplitudo incidunt certus viduo. Unde vorax suadeo cotidie. Bardus provident sto supellex varietas cibus tabernus cum sortitus. Bibo damno nisi tergo uter verbum curo adfectus avarus. Denique atqui communis quas vigor sequi vorago. Tabesco subseco ipsam possimus solitudo auxilium arbor vulpes absconditus. Theatrum vae confugo accusator acsi ullam sono tumultus. Thesis utpote peccatus amaritudo cultura ustulo iure. Crinis vulnus benigne video demoror amoveo aureus asperiores. Peior corrigo comprehendo triduana virtus arbustum commemoro voluptatem titulus. Depromo utpote vita volup copiose tamen. Curia centum sumptus ad aegrus theca traho. Venustas cultellus vindico alii terreo compono expedita voluptas perferendis. Angelus averto substantia id somnus deprimo tui vitium. Carpo dignissimos deporto candidus auditor. Occaecati verumtamen laudantium unde verto hic tutis.

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