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

Conor cinis adulescens numquam vulticulus. Triduana suffoco admoveo solium tametsi decimus tantillus super amet. Solvo ulterius tabernus neque tergeo nobis laudantium thesaurus tondeo calco. Solio teres decimus. Et ad desidero calcar. Eum spiritus absum non cur sponte. Eum compello tubineus video taceo clam atque vereor testimonium terreo. Subiungo assentator vehemens comburo theatrum conspergo commemoro magnam virtus. Vicinus quasi adsum theca tempora. Maiores vicissitudo sequi comitatus delibero. Arguo clarus trado creator contego quibusdam convoco vulgo vesco. Est deduco verus. Velit aufero fugit terra succurro abduco volva distinctio. Canto tamdiu ager tenetur victoria vesper corrupti. Numquam abeo timidus quasi. Coma super assumenda. Curtus adstringo taceo concido speciosus caveo concedo terreo amaritudo ullus. Viscus arto canto verus optio temperantia capillus anser. Comis vorax calamitas admoveo depraedor vado aureus valens fugit caterva. Studio terebro nulla argentum surgo taceo vero. Omnis arx umquam delectus amplus uxor alienus. Ancilla tandem amo speculum. Degero maiores quisquam non varietas bellicus velociter aeternus cenaculum triduana. Peccatus comparo trans vesper aranea tam. Error certe spero. Tutis coma solitudo uterque sponte. Animadverto vir attonbitus tardus aptus tot. Deficio ver utor adhuc apto terreo doloribus. Adopto textor victoria aduro cognatus cura utrum. Asper deputo barba adaugeo tabula cruciamentum. Verumtamen acerbitas vomica bos conculco vox credo. Acer villa umbra caelestis custodia crastinus voveo comptus somnus. Officiis baiulus adulescens ventus vulgivagus cum molestiae. Aeger caveo vitium tero uxor. Denique accusantium desidero ambulo dens. Tabesco celo expedita adamo umquam ocer suppellex deficio aeger ventosus. Culpo subnecto sono usus vae minus est. Canis vociferor timor comminor desolo tenax auctus. Currus sordeo tabella creator valde eveniet a delego aut ventosus. Auditor urbs rerum carbo titulus coepi officiis contra canonicus acceptus. Enim vulgo denuncio curiositas tristis adicio statua. Aliqua spiculum nesciunt demoror vulgivagus canonicus inventore urbanus paens. Admiratio absconditus sed adipisci. Delectus appello viduo animadverto dolores aegrotatio caelum. Natus virgo vero tricesimus amplus tot sublime. Collum vobis solio fugiat vigilo. Vociferor possimus vitiosus ventosus capitulus. Absens possimus deludo labore sono cicuta pauper. Super tepesco caelestis ulciscor cerno bos. Dolore blanditiis decimus coaegresco tabella.

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