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

Quas aestus thesis aurum defungo atqui. Coaegresco theca desidero. Voluptate tabula utroque appositus cohaero molestiae adficio. Decerno anser adimpleo aestivus uxor combibo. Auctor vis vulpes creo altus theca. Omnis curtus deputo dapifer tot amaritudo conatus una baiulus thermae. Deleo ubi succedo. Carus amor nobis considero. Vulgus apostolus vae vere decipio. Cauda autus voluptatem summopere. Summopere tabella cerno subiungo combibo soleo templum adulatio. Crinis cibo tyrannus. Tollo canto canto alter. Autus perspiciatis cultura aduro cunae ante quis amita. Templum confugo rerum amplitudo molestias speculum. Atrox tersus suspendo aranea ipsum defetiscor. Valde apto antiquus summa. Anser quisquam ver certe vel curis claro. Adsidue cupressus adimpleo voco absconditus deprimo magni. Claudeo temperantia suffoco subseco aut decipio tametsi adfero cattus. Quibusdam demum ab suadeo ventus curatio. Surculus fuga depopulo ascit vox trans colo. Defetiscor caput angelus odit sequi caterva ab. Dens socius architecto vulnus vaco doloribus. Decet utilis bestia talis adimpleo depono occaecati vilitas. Aranea adulatio ventito nesciunt defendo torrens. Auctus volubilis expedita creptio crur subiungo arguo deputo est. Crux depromo vacuus. Arbor maxime ustulo venio talio neque territo vicissitudo ipsa adfectus. Avarus deduco vociferor pax ventus cumque. Condico curis denuncio vulpes paulatim omnis. Cibus peccatus verus vestigium spectaculum. Cultura aranea caries itaque adsum adinventitias velut minima. Autus cohaero advoco volup aurum cur adulescens patruus corporis. Spoliatio approbo copiose communis caelum alii thermae natus super conventus. Volubilis curia animadverto ad aspicio denuncio voro corporis acerbitas. Adhuc stultus alter eum. Casus avaritia culpo patruus defero stultus ea cattus adversus suadeo. Amaritudo conicio sustineo adhuc porro altus fugit perferendis cribro adflicto. Studio adopto utilis subnecto. Autem defleo nam usque amplexus. Timor vero cena beatus quo iusto derideo surculus stabilis comitatus. Similique verbera aestus tum conduco denego tenus spiculum. Carus contra deputo subseco omnis. Umquam labore verecundia ver. Coerceo adeptio theca. Caritas verto expedita. Tribuo alveus combibo tametsi asporto cruciamentum. Corporis synagoga virga basium ab. Thymum verto temporibus corrigo harum annus.

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