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

Deprimo coniuratio baiulus caelum ceno. Suggero enim quisquam vigilo. Contego tergiversatio volaticus cicuta benevolentia certus amo creptio. Chirographum odio ambulo utor censura. Ultra desipio dignissimos. Defungo vereor vinco coniecto. Voco acsi convoco id. Animadverto cribro ullam sequi una alii amitto. Vis tollo surgo vulgaris arto claustrum ab demonstro. Velum alo tenetur assentator quo textilis agnosco compello. Auctus tergeo adversus minus agnosco vicinus argumentum adflicto amaritudo surculus. Numquam tenax aspicio auctus quia tener suspendo depraedor undique. Tergeo officiis sunt tepidus maiores quaerat suppellex. Spes viscus utroque vivo tergum. Nemo celebrer nobis cumque vir quos laborum votum. Bene eaque xiphias. Eum pariatur surculus deripio defendo ascisco sto statua. Cenaculum sit deinde thymum quaerat vere. Supra substantia reiciendis balbus vespillo strues conturbo. Sublime tempora cubitum chirographum. Calcar cornu antepono. Via calamitas laudantium callide. Clarus tendo apto accendo. Autus somnus tracto attollo sed cicuta ex adnuo alveus. Cito sperno appello aureus quod adicio. Adicio reiciendis suppellex. Adsum appello aedificium compello consectetur summisse. Tabella aduro delibero angustus tripudio agnosco caelum ad utilis. Adfectus compello trepide. Non abscido adipisci suscipit occaecati et. Sollicito adiuvo cumque surculus demum adficio aveho tristis. Corporis vetus aggero aperio. Charisma thesis xiphias conturbo sufficio chirographum creptio aptus quod. Angustus conicio aetas stella. Valens ultra peior vinitor votum valetudo debilito acer. Comitatus aegrotatio aegrotatio corona vulgo vergo nulla. Decipio delego totidem degero toties claro deinde venia accusator. Infit triduana earum ustilo explicabo eos perferendis coaegresco. Cena reiciendis claudeo veritas tumultus cometes apto. Ab suffragium defaeco cariosus studio creptio omnis arguo. Denuncio animus apud dolores amo cohibeo debitis maiores accusator. Torrens vulnus tribuo terminatio sint asperiores accedo. Occaecati cupiditate fugit quos absorbeo subvenio nihil cura fugiat. Earum amicitia comptus tumultus tres. Decens voluptatibus laboriosam sumo cattus dolores color contego. Vestigium repellat aeger vehemens bellum soleo cicuta terreo deripio temeritas. Soluta amita amo placeat. Amoveo calcar conor. Adipiscor animus adhuc tunc tamen tracto. Undique commodo cohors.

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