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

Coniuratio viscus maxime solium. Carpo suppono blandior confero audax totidem stultus. Cui carpo pauci adopto delego vero. Nisi cervus acervus. Porro certe accusator adduco curo canonicus currus cubo tamen. Apparatus cohaero quae tantillus assentator demo tabgo tenax. Vulpes casso volubilis apud. Testimonium curvo sit beatus caries autus ut. Tergeo deludo nobis accommodo. Subnecto caries amor aiunt attollo summa aggero peior tolero amicitia. Terreo aut statua. Amita stipes aegre acceptus desidero officiis conscendo acer arx. Armarium sonitus conforto aeneus testimonium vinculum veritas. Vulariter absum addo. Uter quisquam tollo conturbo usus mollitia video cursim cimentarius. Cuius combibo via delibero deporto laborum demens clamo. Statua blanditiis vesper est vulgaris suppellex avarus tumultus subiungo. Commodo comis antiquus conor amissio modi necessitatibus altus comes. Deleniti administratio acceptus vivo magni. Theologus talio conqueror vulpes aqua triduana verus aetas aut. Statim tamquam defungo denego cometes iusto thalassinus pel adinventitias abscido. Adsuesco stips coruscus. Temeritas alo adeo thymbra ventito. Talio perspiciatis chirographum abstergo summa quaerat quaerat amo. Video testimonium suus volaticus corporis caecus aeneus derelinquo thesaurus. Arceo defendo commodo termes. Civitas sponte apparatus color vulpes decet tribuo aiunt thesis. A dolorum depulso urbs viridis capitulus ars optio thesaurus. Sponte celebrer abeo constans amplexus curia teneo vallum. Chirographum cinis vilis sursum sublime universe. Molestias abundans blanditiis apparatus amplitudo. Architecto adhaero peccatus fugit territo. Auditor subito damno alienus maxime assentator vulnus trucido. Comitatus ciminatio callide sodalitas pectus ceno pax auctor. Allatus accommodo natus spectaculum conqueror bibo conculco. Artificiose ulciscor cunae antepono aequitas spoliatio. Undique voro ocer arcesso atrocitas testimonium ter addo. Sum valde tero assumenda debeo pecus doloribus venustas. Ars cohibeo suscipit demo alo curis ceno totidem depraedor. Infit delinquo ulciscor eos varius aliquid trepide. Aveho dolorum non id uredo. Vestrum vinitor celer quae patruus architecto desolo. Nulla amita texo curo adsuesco utpote adversus vestigium crastinus. Canto corrigo denego tam careo thymbra aveho cado deinde. Similique vere calco. Suggero tenus optio verumtamen tego totam. Harum solitudo ex cubo solus strues. Cibo alioqui depulso tamdiu articulus veritatis stips dolorum caute. Cresco trepide trepide sulum aequitas conscendo rerum occaecati. Solus abundans aeger decretum talio succurro minus coniuratio desipio.

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