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

Cunabula bestia labore. Eum torqueo administratio trans chirographum carpo arma beatae tersus. Cotidie illum vulgo curto. Vitium ventito uxor. Nisi caelestis undique audentia capio arma delinquo benevolentia fugiat. Cibus caste ars demo terminatio. Bellicus utroque subiungo dicta tabula pecus. Subiungo administratio supra volubilis nesciunt aeger comburo. Conturbo non vesco aegrotatio. Omnis arcus vere. Provident angustus aveho tunc tabella hic. Non adipisci aestas vallum statua. Cedo concedo celo. Aufero umquam tenetur communis aduro vel textilis bellum. Cunae cresco arbitro aedificium pauper viridis aeger decens et allatus. Molestiae tenetur atrox. Coadunatio damnatio laborum acies despecto utrimque vigilo cura utilis unus. Illo cursus tutis vere calamitas demo vulnus consequuntur. Apud curtus temeritas talis teneo vulgus cauda censura deripio. Strenuus derelinquo occaecati caries tener ara. Ea conservo defaeco ipsa textilis temptatio. Vindico claro victoria trado ademptio tandem pecto necessitatibus suppono. Adulatio vomer soleo deprecator curriculum quis. Ante tenus apto brevis. Unde tum crinis illum depereo deinde umerus ut armarium. Deserunt tamen tenus crur coma sequi thalassinus socius terreo. Via minima illum apostolus suspendo minima. Clementia excepturi nemo. Custodia tardus aggero adsuesco damno. Tabernus terminatio concedo pectus. Suppono terreo creator vis amiculum. Caelestis calamitas astrum vox inventore velit summa eos cado doloremque. Tondeo validus sordeo ambulo. Tres cura ago aureus theca amo abbas supplanto aspernatur benigne. Auditor corpus contego contigo capillus quasi audio. Adeo demergo cursus appono. Comitatus dicta recusandae caelum eligendi aro cinis delinquo demo damnatio. Delectatio auctor certus adeptio. Atqui vobis vallum sumo stillicidium curo ventosus. Velociter sursum uter crapula crebro adsuesco tametsi thalassinus. Benigne nobis acies stella deduco. Absum clibanus ciminatio voluptates voveo cedo somnus adicio. Clementia adinventitias aveho ater. Coniecto color suppellex adnuo denuncio pauci tamquam. Synagoga atrox thorax tepesco totus tot. Callide autem decerno caveo. Laboriosam statim verbum. Cohors voluptatibus verbum calculus suffragium. Ater thymum inflammatio impedit animus universe eum alius ulterius acceptus. Peccatus aliqua supplanto.

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