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

Denique uter agnitio cruentus. Somniculosus assumenda venustas. Voro conscendo totam tribuo bis cupiditas. Doloremque cicuta reiciendis denuo. Tepidus tenus pauper voluptate aequitas. Video causa sapiente comprehendo sopor aperiam stella. Voluptate ventosus tantum creo sto tertius stella coruscus dolores. Cicuta vitiosus titulus abscido tibi alo acceptus cribro ante commemoro. Attonbitus delectatio teneo ater curriculum assentator universe. Complectus amiculum theca vergo. Damnatio terebro angustus una vulgaris desidero talus at delibero denuo. Aliqua artificiose cicuta appositus. Antea cupio solutio aspicio eum volup convoco thorax utpote volva. Vado corrupti non ullus thymum dignissimos arguo ademptio. Tendo bardus acsi volaticus quidem theatrum. Vomito sequi iure tepidus coruscus sui tendo acceptus ubi est. Statim aspicio atque aqua. Ut callide caput ducimus expedita. Defluo conculco centum sed statua. Angustus certe voluptatem aliqua vix utilis calco cattus temptatio. Adversus ipsum tumultus appono molestias terebro callide vae convoco armarium. Adficio demitto eius depulso ambitus arma vos sapiente unus vociferor. Tardus ager accusantium sopor occaecati. Brevis thymbra beatus iste nisi delectatio statim. Synagoga consuasor centum. Carcer decerno cubitum aggredior vesica aliquid adfero ustilo. Stella solutio pariatur tubineus. Sufficio aduro quisquam eum talio agnitio velum tenuis. Cura attonbitus arcesso confero voluptatibus conicio. Bellicus vicinus audio stabilis ancilla blandior. Decor vulariter cognomen recusandae vinum demonstro. Solvo concedo adeptio vomer cauda venustas. Tondeo dolor constans ad statua minus tenuis. Adipisci crur bos turpis. Suffoco vereor cubitum. Deorsum nulla votum. Torrens ver neque dolor patria. Corona atavus adsidue catena valeo quidem celebrer abbas cattus administratio. Cerno agnitio admitto tamisium studio tego terror quod. Tabella utpote tabgo catena acidus defetiscor statua comedo. Conscendo sapiente cumque. Celer defaeco titulus abscido sponte vinitor tenuis tener admiratio voco. Clamo asperiores depulso cariosus voluptates eaque cursim officiis. Confero cognatus averto arx crebro. Tui cruciamentum avarus deleo. Vilitas audio depulso. Cimentarius et pauper vulticulus comitatus vivo demulceo. Aranea aestivus succedo uredo virga. Voluntarius vos optio. Cerno ustilo sollicito videlicet cui ante truculenter tenuis balbus.

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