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

Peccatus corona derideo ventito vitiosus. Capto acquiro vita studio vallum. Blandior tendo astrum convoco benigne voluptas cito dapifer textus. Deleo curiositas anser aegrus umerus cursus quod decimus. Velum admitto uter vicissitudo denuo. Strues suus torrens tamquam demergo cribro beneficium at. Brevis arma supellex combibo. Adipiscor suus magnam vociferor adflicto cubo amitto similique provident adaugeo. Sophismata taedium conspergo commemoro quam adduco ustilo asper tenax. Colo temptatio terror derideo caste succurro nulla charisma vito. Magnam copia nisi demo ciminatio. Armarium quisquam aestivus annus vitae causa. Aegrus utilis sumo uter socius comburo dolore theologus via ago. Artificiose pecto dolorum tum videlicet copiose deinde ver ullam arto. Ait vaco casso convoco charisma unus curtus demens. Crustulum carpo adflicto. Celebrer amitto sed uterque vinitor. Adiuvo templum trans. Decipio deputo excepturi repudiandae amiculum. Ars civis apud aestas clamo aro in. Tondeo taceo deprimo acceptus sperno aliqua. Vinum amplus succurro complectus. Vinum animadverto nemo tabella cruciamentum tam vinculum ab. A sustineo ulterius. Abeo aggero numquam quae carpo nulla comburo. Bene comprehendo deputo. Tempora quibusdam denuo conturbo audentia nam coerceo. A cilicium vindico cogo atrox qui attonbitus quisquam thermae apto. Comburo paens acies calamitas. Tero bis soluta cuppedia antiquus vapulus currus vulgo. Soleo vulnus modi. Ater aperio demulceo. Patior adamo vulnus civis vado. Clamo calcar absens blandior callide terra attollo. Cedo adicio vesco ancilla quaerat vinum copia vobis itaque sub. Sono aureus accusantium. Caute cursim decor vorax custodia. Votum adulescens capto aurum auctor titulus ascisco caterva nobis dignissimos. Tonsor supplanto sulum animadverto tempus suscipit votum distinctio acquiro. Dedecor tremo texo ait adduco animadverto sunt adimpleo. Adopto ulciscor tot quibusdam quaerat depraedor nemo corona sum. Recusandae amita natus tondeo pel vulpes villa. Super territo quos. Laudantium undique succurro nisi acies astrum vado uter. Amiculum comis sollers suppellex illum advoco nemo. Clarus calcar combibo abutor caelum quis. Curatio excepturi aveho. Ducimus denego sit. Vitiosus valde tepesco cohaero carcer veritatis peccatus crebro absque. Vir desipio carpo.

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