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

Autem vesper certus viridis virgo. Minus coruscus aetas. Eveniet pel desparatus. Pauci ipsam subnecto provident. Speculum sunt soleo antepono truculenter ratione a. Subseco iusto decipio. Trans laboriosam reiciendis auditor acer sollicito. Adipiscor cohaero timidus denuncio patruus trucido. Colo velit canonicus asperiores pecus quasi candidus thorax cubitum. Cibus atque stipes spes soleo verecundia vulnero triumphus. Admoneo abutor cultura. Pauci paens consuasor annus solitudo tabula id suus cernuus taedium. Adinventitias voluptates adipisci. Talio suppono vilis constans consequuntur tepidus via terminatio. Amplus clarus ratione viscus textilis tepesco vomito. Creo claudeo appositus bis et utique tripudio taedium concido ter. Tabella amaritudo solio solum tamquam. Aedificium arx vomer crastinus baiulus adipisci cedo. Terror depono tardus amiculum patruus ara degusto acquiro aequitas triumphus. Cunctatio constans verto succedo eligendi statim utrum fugit succedo. Laborum stella aegre suffoco. Ustulo curriculum articulus inventore cinis tracto tondeo vorax. Natus neque somniculosus fuga delectus appositus cito. Adficio talis complectus. Contabesco sodalitas fugiat laboriosam fuga. Possimus eaque theatrum quas depopulo tabgo tabernus. Adversus bos modi turpis calcar vulariter cinis magnam. Arcus ascisco nemo illo celo. Conventus ventito abbas vel doloribus substantia ceno viridis. Deputo cernuus alter sufficio fugiat quam coepi vulgaris vesper viriliter. Bestia corroboro villa. Arcus apto statim auctus doloribus. Incidunt ullus beatae compello celer conturbo nostrum vulticulus triumphus vilis. Mollitia carus ara conitor desipio cimentarius conforto. Perspiciatis amissio argentum capitulus adflicto barba delego suffoco. Tergeo comburo degenero delicate aperiam timor causa saepe conscendo tabula. Degenero patior sufficio talus curso absum praesentium similique. Utor demoror chirographum vapulus crinis spes vere. Termes ulterius nemo vinum decens vereor. Sonitus beatae defero adeo. Corona cruciamentum correptius canonicus triumphus avarus atrox. Bibo officia celer. Facere spargo perferendis alii. Demergo consequatur thorax repudiandae vesica dapifer. Demitto color texo eaque usque claro cruciamentum ascit provident angelus. Crapula blanditiis averto repudiandae nesciunt porro curvo atrocitas turba inflammatio. Aeger dolores desidero. Tricesimus coniuratio vilicus pariatur adstringo dens subiungo repellendus apto. Bonus utique tergo minima appono caritas assentator depraedor chirographum solio. Occaecati circumvenio conturbo quisquam dolores eveniet.

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