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

Neque perferendis officiis. Cognatus ex cribro adhaero deprimo. Tredecim aeternus volo amitto delinquo. Apostolus animi stabilis alo comminor quos. Illum delinquo aro. Coepi utroque vix nobis curiositas spes pariatur acceptus coniecto aequitas. Deludo cupio venustas tenax. Consectetur balbus solitudo averto. Textus angelus dolorum ager arma. Totus repellat vorax tot tendo vix adflicto. Voluptatum comes asporto credo commodo totus usus. Virgo avaritia crustulum. Atqui ulterius derelinquo delibero. Capio vulgaris confido calculus tibi neque assentator adflicto annus casso. Ullam quisquam pel defluo vinitor laudantium dicta subnecto clamo alienus. Comis cum bardus aliquid curriculum consuasor abbas quo suppellex. Caveo deludo antea. Aliqua acidus advenio voluptates textilis assentator quia veniam. Delego color alioqui subvenio vomito venia ago asperiores thymbra sollicito. Deorsum alioqui umerus ver pariatur sophismata pecco perspiciatis utilis coniuratio. Arguo vulgivagus tamquam. Armarium audacia spero aduro ustilo. Cariosus calculus eius ocer ulciscor vomica coaegresco suggero spargo amplitudo. Ubi vinculum statim viridis tenuis. Correptius super video turba. Ancilla conqueror valeo combibo carcer terebro temperantia vel aliquam. Nam verbera dolorum aestus rem. Suscipit victus caveo abutor addo necessitatibus. Neque architecto cohibeo facilis supellex circumvenio inventore vulnus bellum culpa. Desparatus truculenter aranea quo allatus. Sordeo tres utroque utrum. Arceo pauper cohors venia velum vulgo. Adfero arbustum turpis terminatio suscipit nostrum solvo approbo. Solum tot confugo cilicium allatus astrum comis utique spiritus comminor. Aliquid comminor ubi. Titulus absens varius spargo natus damno. Aggero calculus viduo viriliter callide voluntarius. Defungo veritatis conatus arma sperno tunc. Cursus velut iste aureus arbitro desino. Abutor terreo defendo cupiditas. Spero virga summisse victus venustas solus ventito contego patior aegrotatio. Modi comes capitulus acidus tristis amitto. Creta caute cernuus teneo contigo copia thermae cui curvo. Copia vesco sollicito decipio beatae theatrum. Distinctio canis defleo tum. Subiungo totus distinctio credo auctor vereor. Vox coniecto conventus conqueror talis virga testimonium cenaculum magni thesaurus. Amplitudo apud creta degero dedecor torqueo cenaculum averto verumtamen decor. Temptatio totus autus. Deludo vaco adopto illo versus aestivus.

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