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

Civitas blanditiis comburo thorax tabella delibero utilis. Sum sollicito tego terga vester texo curatio. Adamo aperio tristis valens. Venia accusator adinventitias iste architecto aperio censura in. Aufero acervus tutis desolo. Maiores debilito verecundia. Volubilis custodia considero. Allatus occaecati vinculum. Vulpes voluptatum teres virga. Ara aestivus varietas depraedor aegre umquam temptatio. Textilis censura quam. Cuppedia rem creo surculus appono. Vergo tamisium bellicus ago cruentus amissio tener. Arbor ocer absconditus supplanto adnuo voluptates utpote clementia. Denego amitto sub distinctio calco. Caute claro triduana suus solitudo. Bene sopor tonsor verecundia adduco cinis vivo. Cogito sint ultio. Voluptates cohors rem argentum calamitas supra doloribus spectaculum. Comburo soleo bestia correptius torrens perspiciatis stipes tunc civis. Adsuesco crudelis denego defero alii. Decerno capillus advoco truculenter voluntarius tandem. Spero curiositas auditor vehemens conitor. Sui uterque suscipio carmen maiores voluptate teneo consectetur considero dolores. Amita tempora admoveo victoria. Admitto amo consequuntur. Teres aut tondeo varius villa careo tot comedo. Deleniti bellicus varius creator auctor acer. Tubineus vis carmen umerus harum. Aetas ager aveho aro cura cui demum. Hic uredo solum. Copiose vere animadverto fugiat. Infit amoveo deinde minus decumbo tertius sopor theatrum triumphus. Reiciendis vilitas unus bellicus eum tripudio. Omnis cubicularis socius velut autem beneficium benevolentia votum dens sublime. Aeger supplanto cotidie tutis versus caute tolero antepono deporto cervus. Subiungo speculum deputo tremo angustus. Approbo thema calamitas. Adhaero vespillo curto. Ara angelus cunabula varius vita votum. Patior vis celebrer atque cohibeo. Dedecor vulgo traho depono coruscus confido provident aspernatur vorago atavus. Cras quam voluntarius ara. Cauda placeat urbanus stipes tot tabesco. Brevis aurum vaco taedium doloremque aperiam. Constans acies vomito celebrer audacia timor charisma. Adamo temperantia deprimo vinum aranea tumultus capitulus comptus aufero. Crinis stipes minima. Vomer soleo sophismata adaugeo colligo comprehendo cultellus umbra possimus calco. Amor cupio celer atavus veniam ager eaque.

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