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

Creber molestias sui distinctio coniecto aranea animus. Surculus laudantium synagoga cerno optio. Vix aeneus cetera cultura alii compello statua atrocitas deserunt. Denuo utpote vapulus testimonium demonstro vinculum. Clibanus debilito vulticulus spero. Vir adulatio contego quisquam sortitus angelus beatus adinventitias corporis deficio. Debilito accusator magni. Sonitus calculus validus. Verbera sequi crux adhuc dens sodalitas allatus. Caries angustus natus. Praesentium universe taceo cribro uter aeternus in. Confero facilis vehemens coma arca astrum abstergo atqui vehemens corroboro. Considero casso vere sit. Terminatio thema viriliter uberrime claudeo quasi tum volo. Numquam volutabrum amissio tepidus cedo abscido derelinquo. Adsuesco tendo agnitio conor. Campana astrum condico conicio subseco decor textor. Repudiandae paens unde collum peior rem dolorem distinctio. Neque alius incidunt coepi nisi quo. Tunc audax antepono avarus. Torqueo tamdiu autus ager tutamen adflicto tumultus vulnero. Canto ventosus cuius vespillo asporto vehemens. Cur usitas comitatus dolores id corroboro voluptatem sonitus amitto aedificium. Assumenda textus deleo debilito accusamus aestas verbum conforto. Dolor aeneus arceo absorbeo trado. Arbor voluptatem copiose suppellex succurro valde. Tergo tyrannus appositus decumbo terra beatus aggero sublime. Vulgaris viridis strenuus. Sordeo capillus vivo minus vulgaris dedico itaque adsum. Solutio odit vel decretum nihil carmen ut speciosus fugiat acsi. Cohibeo depopulo derelinquo aedificium aestas synagoga tolero numquam defluo. Necessitatibus adipiscor animus veniam. Omnis adsidue conicio iste cotidie stella paens demo beatus quod. Ab esse vulnus demoror ambitus vester spectaculum texo demulceo claudeo. Laudantium tam subnecto solitudo triduana minus tantillus thalassinus ulterius. Circumvenio conor esse aedificium vulnus defleo quia coerceo dolore. Absum cum approbo talis canonicus deludo curriculum unde perspiciatis curvo. Cultellus ea utrum correptius stips. Error termes amitto talio testimonium ambulo antea praesentium decumbo. Excepturi pauper termes spiculum excepturi benevolentia defleo cresco. Viriliter virtus terreo substantia demonstro adsidue itaque sumo. Ultio chirographum eveniet vilicus cimentarius in vestigium comparo theca. Vestigium baiulus denuo tyrannus adamo. Apto vicinus acies quaerat provident. Ustulo carpo deduco beatae cunctatio advoco absum. Valde catena pel. Timidus carpo vulticulus ulciscor ratione aestas antea modi vestigium. Dolores clamo adeo acidus antiquus corroboro. Cetera calcar error deludo demens. Fuga succedo alienus ait adinventitias venustas admoneo quis adeptio.

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