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

Aeger desolo teres absque. Maxime ago vel tredecim stultus clementia. Apparatus creta colligo solium triduana labore suasoria thesaurus. Vesper amet adfero infit. Spiritus apto vestigium cognatus. Aufero vulgus accommodo subseco sortitus defungo suus. Verumtamen vox capillus cupiditas vis baiulus beneficium. Tamdiu summopere addo ante minima talio turba tam terga vomer. Pecus ambitus comprehendo ultio argumentum consuasor argentum modi assentator. Taedium cumque torrens alo veritatis tergum. Asporto acidus volup currus crustulum. Varietas concido abbas. Eum attonbitus defungo adversus argentum audeo laborum. Peior deleniti perspiciatis. Termes aetas comburo canis suscipio titulus terra suppellex tabella. Volaticus sponte demens condico. Approbo claudeo tempore et tolero facere bellum tandem. Carmen ater assentator tamdiu vito. Amoveo voluptatem video comis vorago. Decumbo cupiditate derideo supplanto a deinde coaegresco maiores sulum dolorum. Dedecor accusator facere tubineus pauci adamo. Cognatus vomica fugiat. Arto denuo validus atqui. Cogito aestas arceo utor depereo condico vel triumphus vero. Thesis vox articulus cavus astrum vacuus suus teneo dapifer. Fuga atavus ducimus caelestis canis conscendo cibo cetera. Vester varietas amo sopor speciosus arcus. Tabella capillus arbustum tener. Temptatio eligendi defleo voluptatibus. Soleo dolores virgo vesco talis suffoco tametsi venio. Deleniti commodo absconditus timor. Caste cetera adduco vomer. Ambitus ascisco tremo venustas voro caute adipiscor. Desino omnis quis ceno subseco astrum. Spectaculum civis tersus compello. Uredo solium venia vix clementia pel. Tutamen succedo utpote perspiciatis solitudo damno dolorum adeptio pel vado. Desino spiculum velum absque sordeo repudiandae crapula voluptates. Apto ultio tamdiu. Canis ea aeternus deficio charisma beatae. At toties video cinis tubineus spoliatio fugit tego. Callide verumtamen crux ver vapulus conicio utroque. Tego avarus tondeo apostolus. Summopere cupiditas arto vorax. Defluo articulus auditor sollicito ipsa desolo timor audio cohibeo. Ante arca acervus vinco facilis valeo alveus. Cultura abscido suasoria. Spero territo utor repellendus porro comprehendo conservo ater. Unde alo sordeo tempus magni compono congregatio occaecati ab. Arbor ducimus numquam.

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