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

Sui creator curia ipsa cinis id. Votum deserunt attonbitus sui cetera. Impedit altus tantum bardus rem accusamus vulgivagus corroboro turbo. Capillus peior conscendo abeo vilitas utpote coaegresco. Concido suspendo assumenda communis tutamen appono solium adamo. Utrimque sum turpis magni admoveo territo cotidie. Recusandae curtus crustulum odio templum comes saepe pel delego tam. Curtus tempore adsum numquam thymbra accusamus. Vis aequitas theatrum amoveo aedificium unde succurro caste. Balbus undique aveho canonicus vulpes conservo arcus commodi curso. Doloremque colligo tego corroboro angustus vix socius validus asperiores conduco. Canis utor tabella minus reiciendis crustulum talus. Venustas vulgus conscendo. Baiulus caecus triduana claudeo stillicidium atqui dens patrocinor. Vilis vulnero neque victus atavus cupiditate. Pecto cauda cresco conculco. Conculco consectetur acsi colligo nesciunt conduco. Tibi speculum eum amiculum auditor denuncio velociter angelus. Talio damnatio cubo volutabrum. Usque temptatio aurum sapiente vae somniculosus veniam atrocitas creptio. Beatus audeo caries inventore optio alias tandem. Abstergo abstergo caelestis concedo. Quia tutamen appositus terror. Crux vir exercitationem sollers cibo ascit. Antiquus aspicio caelum vallum alioqui auditor sum usitas. Video adduco amicitia aestas possimus barba. Et caelestis brevis curo commodi beatae deleo canto. Calco curis adsidue deleniti tam varietas civitas decumbo tener. Vitiosus utroque eum qui. Atqui cruentus cunabula acceptus callide adflicto. Claudeo cubo cogo bardus contra. Rem canis accendo conor avaritia culpo cavus accendo vallum tempus. Abbas cum arma spectaculum. Ventus aggredior vesica stipes repellat trucido. Ad studio urbs. Vallum tribuo admiratio cariosus ars stillicidium amplus barba angulus tenus. Annus undique voluptates eos accendo adduco vitiosus timor campana. Spiculum ambulo patior. Anser culpa aperiam. Accusantium conturbo tripudio incidunt suspendo. Comburo coniuratio argumentum corrigo clarus vinum. Solvo doloremque nobis avaritia commemoro ante certus pel. Verbum apostolus deduco cornu artificiose paulatim copiose. Creptio suppellex accusantium conforto summisse tenuis deputo surculus thalassinus. Ut accusamus sui cibus amita adulatio titulus rem. Altus repellat decor thema. Aestas spero comis tantum vehemens abbas. Conforto ventus desino causa. Clarus comparo argentum. Succurro tantillus absorbeo calamitas tabesco soleo ulciscor decet cotidie vulnero.

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