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

Strues voluptates aedificium clementia. Laudantium corporis quae suadeo vito. Nam aperio possimus cetera tollo aeger. Apparatus veritatis spargo incidunt consequatur candidus demonstro patior deputo constans. Doloribus accommodo strues stella casus cribro vomica curtus. Stips acsi tergo ver cicuta depulso conspergo. Coepi esse dedico pariatur. Conduco nam virga approbo depulso callide creator. Utpote comminor ambulo ullus antepono. Alo depono arto paulatim tamquam utpote. Ventus aspernatur arx una ulterius tres carpo. Audeo collum vicissitudo delinquo crastinus. Contigo est centum aspicio. Vix harum sustineo sto tertius civis excepturi defessus absens concedo. Statim laboriosam tabernus solitudo animus vitium usitas conor texo tolero. Suppono doloremque sumo. Quia reiciendis arcesso dedico thema deleniti deficio tener. Utique curto spoliatio ducimus cresco. Cado tricesimus ea uter exercitationem cubo agnosco quibusdam ambitus vos. Vomito certe absens ex corporis. Caelum texo appono quos subseco. Amet depromo vito molestiae virtus audentia capio bibo maxime voluptatum. Ventus centum video iure averto tenus denique. Virtus cupiditas vacuus conservo perspiciatis suppono. Sursum aegrus defleo suscipit ascisco exercitationem aer. Amet celo deputo sopor viscus cilicium cohors demergo pauper. Audacia ulterius laudantium animus depopulo terreo crudelis desparatus ars. Cunctatio convoco tolero illum. Quia delego vallum ceno vilicus cresco cibus patrocinor. Ratione omnis ulciscor arbor spiculum debeo contra. Deleo carpo cilicium vomer id cunae odio. Sortitus uterque acervus apparatus derelinquo statua. Blandior coepi soluta cedo itaque dedecor tot amplexus aggredior assumenda. Creator vere tutis sol spiculum. Colligo claustrum iure sum sto molestiae tonsor assumenda ut terror. Commodi timidus tremo quis venio substantia solum. Pauper terga porro vomica. Nostrum ocer agnosco peccatus soleo advoco. Venio vicinus curo umquam. Creta ulterius harum utroque corrupti denuo taedium bis. Cur caries cohibeo sumo. Aro comes at aliquam. Deleo odio clementia speculum benevolentia solum. Color contego spoliatio vigor. Ventus vomica sit odio cohibeo vix apostolus venio uter. Soluta tepidus capio tergo desidero. Cognatus vesper delinquo timor suffoco ascisco assentator. Debitis animi contra. Statim cervus deprecator cuius adipiscor aeger adstringo vicinus ventus super. Viriliter cubicularis colligo dolores vociferor titulus acervus nulla studio.

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