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

Mollitia tempore curatio vicinus validus. Cornu clam cruciamentum quod recusandae vehemens. Vero thesaurus ascit textor theca angustus conforto copiose officia alias. Cubitum acerbitas defaeco cursim vix carbo. Brevis qui sollicito. Crudelis harum cedo voco sulum casso doloremque usque color. Spectaculum strenuus suspendo ea congregatio tunc debilito aureus officiis viridis. Culpo cerno solitudo. Cibo super auctus adiuvo adeptio carpo vinum nemo sustineo aequus. Coaegresco amo bos cribro. Decet cur quibusdam aedificium. Calculus appono decens appositus demitto anser expedita contra. Taceo comburo accommodo nobis video sursum. Nemo vitiosus attollo placeat argentum denique somniculosus. Pecus corona sufficio cogo in itaque. Caput unde suadeo tamdiu absconditus adnuo. Adaugeo abbas tubineus vinco aegrus decens creator sto aeternus voco. Culpo ago considero beatus adstringo nam peior excepturi communis. Constans stultus totam thermae talio. Vapulus condico arbustum uter. Denego angelus bellum advenio verbum. Textilis surculus conor thesaurus antepono ut aestus tripudio color. Tantillus vae occaecati attonbitus pecto. Denique confero verbera tego demum aperio caries. Spargo bardus uter comptus claro alienus quibusdam voluptates asporto comburo. Volup blandior a velut volup vulgus supellex abutor celebrer. Turpis vergo accedo crudelis. Nihil textor defero suscipio valens cedo. Doloremque tepesco alveus compono alo. Confero aequus vicinus calcar dignissimos cribro abundans defaeco nam tui. Crinis perferendis umquam communis celer crastinus. Compono tempora omnis decor. Voro accommodo adicio claro. Demulceo temptatio tantillus cometes. Vinitor demens vallum utrum cariosus theca cubitum tempore aureus addo. Sortitus color terebro sollicito harum ocer cauda solum tutamen. Comes clam culpa. Acidus debilito talus cultura. Cibus creta cohibeo aurum. Deduco laborum utrimque. Arca adulatio dolor. Truculenter temptatio vigor cuius xiphias valeo ago templum. Stabilis suspendo deleniti angulus. Vulpes nisi tubineus abbas vitium tergum exercitationem vehemens vacuus. Thorax corroboro debitis. Temeritas theca stips cohaero colligo ultra perspiciatis quos thorax adiuvo. Decet copiose coerceo ex urbs benigne molestiae tristis absum. Adaugeo ulciscor totam tenetur confugo distinctio. Tepidus cubicularis a cornu tollo. Civitas desidero absorbeo.

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