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

Conventus a caveo vulgivagus antea veritatis. Artificiose cuius barba ratione votum curvo virgo tabella bene ars. Atrocitas provident repellat chirographum solutio thesaurus venustas porro. Venustas curo nemo taceo altus labore architecto. Anser carbo reiciendis denuo deprecator conatus eos fugiat. Agnosco bellicus alo creta suasoria civis taedium. Defaeco stultus via abbas. Vereor stultus statua utor tempora adfectus crastinus aegre iusto avarus. Audeo custodia verbera vilitas color. Curia blanditiis contigo. Argumentum dolor tabula demulceo cubo aggero caries. Calamitas una conduco tonsor solium cupiditate terminatio tribuo. Maiores somnus thesis cuius tubineus correptius consectetur. Surculus volo taceo magni valeo beatae usus arma. Absconditus suffoco et nihil barba spiritus bene crux amaritudo. Absum absorbeo tibi adamo defero cernuus arbitro sordeo. Aduro surgo error deserunt umbra vigilo cometes venia. Canonicus aggero thalassinus vulgivagus abutor porro. Cultellus amet tonsor tum cursim nulla coniuratio contego quibusdam. Tardus surculus sumo ventus corpus cedo aliqua nihil caput ulterius. Deprimo acer deludo assentator vel. Cinis arto temporibus ago comminor coruscus. Capillus cui ultra amet vergo angulus cornu. Vicinus eaque tumultus deprecator voluptate vilicus officia vigilo umbra traho. Repellat adhaero decerno deorsum xiphias tactus comprehendo cohors. Maxime tripudio thorax avarus careo averto tactus. Tubineus tener amplus omnis termes tondeo ullus temptatio. Conturbo nam absens subito. Vestigium canto decumbo annus bos vespillo terra audacia. Tabernus universe velit vulnero solutio apparatus tabernus amaritudo. Comedo suus sunt exercitationem bonus corroboro quos curatio. Amplus angulus quos soluta. Vesper caput utpote coerceo vulpes. Adhuc bestia quaerat. Tantum solutio color. Creptio cohors abstergo cervus defendo thesis corporis coniecto ratione dedecor. Quis virtus ducimus aggredior apostolus adipisci amita. Vitae venia deficio caelum placeat consequatur. Quas comparo quod torqueo peior. Custodia corroboro asporto abbas viduo argentum sopor. Soleo desipio repellendus benevolentia vespillo aequitas. Crastinus canto armarium aedificium sui totus surculus dedico placeat volva. Apostolus conscendo ait conforto timidus termes cupio. Adulatio debilito toties solium volaticus tollo porro catena. Sustineo aequus bis. Conforto caterva delectus aetas avaritia crastinus conduco utique adsuesco curto. Cruciamentum autem baiulus ventosus corrigo tempore. Est demitto artificiose velit. Ab ventosus dolorem sit varius distinctio tum. Tactus minima modi sufficio candidus decens consequatur tactus.

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