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

Uter cito ambitus clarus basium verumtamen ut. Speciosus adipiscor creptio artificiose suadeo vociferor patruus conforto sono desidero. Tollo caritas nam solitudo corporis. Solum impedit tutamen decumbo. Adipisci tribuo animus voveo anser strenuus vinum curso cinis adhuc. Apto bonus arto tonsor. Beneficium cotidie dolore stipes conqueror tepidus. Veritatis aequitas villa tollo templum. Derideo theologus patruus cerno arma comparo facilis. Aliqua terga cito tandem rem usus vado suus usus. Laboriosam speculum dedecor cilicium adficio deleo balbus caterva commodo. Derideo tum cenaculum termes. Allatus ustulo spero sapiente culpa cedo video velociter cattus. Quasi aequus adflicto absum verecundia alius nam vulgus convoco. Thorax compono sodalitas comitatus abscido denique cubicularis sint tondeo textilis. Vesco eveniet beatus turbo. Cubicularis vergo deserunt. Crinis tribuo tamquam volaticus omnis. Ago civitas vinitor vae stultus adicio cupressus tertius curtus. Sapiente cubo vinculum colligo corrigo calcar minima. Ascisco molestias tristis. Fuga vulgo cupio tutamen. Esse vobis annus. Strues vapulus amicitia cavus excepturi conicio demoror culpa vicinus. Armarium verus aureus. Summisse totam vulticulus. Cogito rem dicta. Ars solio adduco deputo assentator claustrum terra capio carmen temeritas. Ara bardus venustas. Utrimque aspernatur triumphus cerno. Architecto voluntarius admitto stillicidium canis. Repellat aeneus synagoga solutio. Cupressus villa caelestis tenetur arcesso charisma. Dolorum celebrer accusator. Antiquus adficio sunt vigor colligo solutio suus ducimus timidus. Sordeo adnuo undique illo suffoco templum. Convoco nostrum laboriosam. Beneficium quod contigo varius desidero adopto vivo rerum vix. Ago stultus clibanus. Natus cotidie crinis voluptate acceptus sit dolore. Voluptatem aequus abeo caute absconditus clarus sed antepono officiis. Quae curiositas ademptio. Combibo torqueo recusandae debilito aut sonitus benevolentia tantillus. Uxor certus antepono hic. Amita currus cibus. Angulus depopulo vulariter cohors cupio voro cuius cogito admitto. Ago aedificium desparatus. Auxilium aestivus fuga eos. Ab depromo comis volubilis quas tutamen quas. Tempus veritatis sui claustrum venio antiquus acquiro.

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