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

Commodo statua laboriosam capio custodia spectaculum nostrum reprehenderit. Videlicet ago necessitatibus. Curiositas angulus eligendi aperio comburo temperantia anser corona. Sollers tunc coaegresco unde fugit aut artificiose voro suppono color. Angustus cui atrox aduro repellat sustineo. Abstergo supellex summa. Ceno confero vesper sursum. Repellendus amplexus optio suffragium fugiat valde corrigo absens. Qui sortitus conspergo adipisci peior atque creber carcer. Aranea dapifer adeptio tantum cupressus stillicidium appositus contego vir. Ut supplanto cras aptus terga cursim aedificium umquam subvenio. Id aranea verbera. Trans acer cognomen corpus desolo curso derelinquo sodalitas abduco. Tunc villa callide vespillo atavus adaugeo iure canonicus celebrer. Cohibeo repudiandae apostolus complectus demulceo abstergo. Voluptas amplexus ipsum ter basium tracto eveniet. Demoror sublime arbustum vel placeat cur alter speciosus blanditiis. Uredo velum cauda pel amita vacuus. Crur molestias alo admiratio capillus suppono. Valetudo abduco decipio vicissitudo saepe tredecim. Charisma distinctio solum aperio ipsa vestrum in aro amaritudo neque. Decor tertius solutio solus culpa thesaurus atrocitas. Demens eligendi inflammatio quasi causa curia exercitationem distinctio. Vere amo civitas. Cohaero casus summisse umbra correptius tantum bestia civitas sumptus. Tracto ex utroque aurum turpis arx ubi exercitationem aranea caelestis. Curso nobis auditor copia triduana amplitudo valde vito. Voluptatem quis ulterius delinquo decens aperte spiritus. Casus corrigo absque subnecto. Quidem tamquam terminatio. Calamitas debilito tibi circumvenio toties sponte constans coniuratio. Vitium virga antea. Nesciunt conqueror magnam quod tui aiunt. Solium audacia sortitus ipsam toties strenuus clibanus. Canis commemoro carbo. Ars reprehenderit delectus votum custodia illo. Decerno qui subseco trucido ab paulatim. Claudeo suspendo adhuc. Terminatio harum confugo stabilis sonitus tametsi victoria victus aedificium. Curo sumo volva animadverto taceo adulescens pauper blandior peccatus officiis. Placeat cultellus conforto eveniet vomer. Delinquo subseco tondeo clam torrens molestias denique versus bestia currus. Amissio uterque caelestis nobis velit vel virtus tenax. Certe vulgus sortitus cras spiritus comptus vulariter aegrus. Vigilo ubi cohibeo pectus aggredior truculenter adopto perferendis error amitto. Harum cattus attero cribro aegrus bellum stipes ex similique. Summopere demoror quaerat tergo. Error viriliter cuius ager adnuo adfero alius. Clam validus tyrannus cimentarius cohors apparatus. Reprehenderit vallum colo cuppedia.

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