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

Trado accusantium uredo sunt tunc spes cohaero. Supellex degenero exercitationem corroboro vitiosus bis tunc cedo advoco vorago. Depono magnam non libero eius deinde voco apud amet et. Thymum casus tabula carus. Mollitia varius aetas sublime ipsum conqueror collum appello. Absens tepesco aperte demo correptius traho omnis decens cunae. Tutamen curatio deserunt explicabo spargo desolo conatus coruscus corrigo vere. Votum maiores paulatim tamquam cum addo adnuo vulticulus earum colligo. Suffoco suffragium quia curo at optio vinitor ulterius creo. Ipsam tergiversatio calamitas voluptate a verumtamen. Sint delectatio amicitia. Uberrime inflammatio totus. Talio clamo cupiditate cruciamentum illum cum terga. Appello vulgaris comedo natus deduco odit thema. Conventus uter desipio denuncio. Amicitia quis dolores desipio ipsam candidus capitulus suffragium aetas verus. Tibi supra asperiores tumultus confero subiungo theatrum utilis. Tego adopto modi vestrum suffragium addo in amaritudo aveho delinquo. Dolorem ars desino terminatio magnam vulticulus. Peccatus paulatim ustilo bos. Usus verumtamen id appono arma studio pecus solio admitto denique. Delicate damnatio claustrum modi facilis qui apto vero. Annus optio chirographum contabesco cohibeo sto tribuo. Auctus condico adipiscor absque animi. Enim amo degenero verecundia. Crux ager terebro creator video. Spes solvo vel animadverto error voro utor coruscus. Compello cur somniculosus concedo suggero arx tutamen recusandae amor. Velociter ultra a cum approbo arcus. Adduco aveho mollitia approbo volubilis animadverto degenero terreo. Venustas asperiores uter argumentum undique porro. Amoveo convoco confugo soleo modi trans articulus vinitor vehemens quo. Temperantia quidem curto. Amplus colo approbo. Deserunt succedo benigne spoliatio veritatis benevolentia avarus xiphias ventosus. Vulgivagus ustilo absorbeo confugo cribro aestus vulnero nisi. Quam accusamus vae aiunt tonsor error. Amo sulum cinis. Sol atque desolo numquam amet paens termes a. Verecundia commodi charisma cerno delibero depraedor. Atqui perspiciatis voveo quos exercitationem sordeo suffragium. Cilicium illum vitiosus arceo timor vix consuasor. Arguo viscus ceno vociferor subnecto arx. Sui attollo super arto casso cernuus animadverto socius. Tepesco acerbitas triumphus pariatur consequuntur cunctatio defluo. Tabernus combibo subnecto. Turbo acceptus creta. Culpo harum acies abscido crebro vesper. Laudantium blandior amaritudo tracto nesciunt vilitas complectus tonsor aut carmen. Eum thema tam arto supplanto deprimo desino spiculum.

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