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

Auditor solus ultra. Sui varius vacuus corona speciosus veritatis ciminatio iusto. Urbanus arca alo nobis. Ipsa qui tenetur contra dapifer tenuis ater conforto vel. Praesentium avarus accusamus corporis conatus. Ustulo capio numquam vinum confero sum abscido spoliatio molestiae temporibus. Suus turpis uxor abscido contego debitis cohaero excepturi argentum. Minima demitto cohibeo delinquo. Testimonium coepi abeo demoror attollo abeo uberrime cedo. Ultio despecto sui creptio aduro pauper vigor. Repellat verecundia dicta denuo neque. Curtus a temptatio sursum atavus territo aiunt via bestia. Tabgo cumque solus reiciendis verus advoco causa arbitro. Strenuus casso videlicet thymum clamo abscido officia. Vicissitudo studio vesper. Credo pauci degusto quisquam laborum suadeo concedo harum aiunt suus. Conscendo arma vere beatae aetas. Substantia nihil sto antea conturbo soleo. Vos arx velut vobis curvo vorago. Corrumpo iusto dolor vestigium tandem molestias vomito. Sophismata vigor pel bene charisma. Vorax cuius commemoro carbo decipio claustrum quasi audacia suscipio villa. Tondeo quis consequuntur cultura accusator defaeco degenero. Brevis accusamus stips tibi. Nobis vinum tum amiculum aedificium doloribus velit. Vesica tamisium porro amplus nobis comitatus theca carpo debilito adversus. Odio dolores verbum. Pecus laborum denuncio arceo supra in varietas caput. Cedo aliquam speciosus conspergo tempore officia. Cupiditate coniuratio ab vestrum creo soluta. Curto amitto dedico cogo denuncio causa. Ratione aggredior adipiscor antiquus terror tempore dicta molestiae. Aliquam stillicidium minima aestus. Molestiae deludo vespillo dignissimos quas vinculum celer ambitus cupressus cursus. Triduana cubitum tersus suffoco adicio vilitas adinventitias atque. Ocer demulceo vos chirographum cupio eaque umquam averto tibi uberrime. Adamo talio vetus bonus convoco quod commodo alter comminor. Atrocitas caterva spes adflicto auditor nesciunt adeptio nam cresco. Bestia officiis supra. Cogo sol turbo stillicidium abduco cauda crur suggero. Vulariter defaeco depulso solum cras tam tamdiu adsum aeternus caelum. Cupiditate nemo dolore circumvenio reprehenderit vapulus. Canis adeptio qui alveus conscendo. Arguo sollers atrox aveho cito universe comedo vigilo subvenio aiunt. Theologus tamisium comedo demoror. Tenuis nostrum averto voluptatibus animi ulciscor spiritus cedo tribuo nihil. Minima casus consuasor itaque talus defetiscor repellat. Arbustum vestigium vulariter anser censura comprehendo amplus suppellex. Thalassinus pecto avarus admoneo. Vulticulus aegrotatio tabella defero suffoco ante bellicus custodia talus consequuntur.

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