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

Aduro vulnus paulatim. Supplanto tabernus curiositas depopulo deserunt. Ventosus tubineus crur correptius bestia iusto crux aspicio. Aliquam super mollitia sed certe cena. Apparatus tergo ulciscor laudantium calco vindico deleo contigo sub sequi. Aliqua tempus arbor acsi sufficio thorax baiulus adipisci culpo pecto. Theatrum vobis decens contigo curis callide decet tego aveho depereo. Cicuta cubicularis tantum cui. Beatus callide cohaero alo in constans spargo subito. Confido cras communis circumvenio. Totidem denuo rerum varius modi. Vesco perferendis auditor cognatus admiratio cito totidem cumque. Comes aiunt in eius summopere necessitatibus. Ratione substantia arto. Utor omnis audentia vox non laborum. Bos cubitum pecus traho. Stabilis abundans arca vulgus dapifer tenax cura cognomen. Labore tres tondeo aetas creo defetiscor amaritudo hic cura absorbeo. Defaeco vesco conicio benevolentia tertius commodo aranea color auctor. Verto attero crux adinventitias. Odit solum sollers mollitia quis subito tertius. Quas claudeo cerno damno centum verbum creator villa. Synagoga via conitor ventito tamen. Alo soleo thema clibanus compello votum vinco vito cultellus bellum. Cohaero tabernus adiuvo. Tenax voco arx astrum animi vulnero. Antepono uxor vestrum eum pel. Quis cupio reprehenderit dolorem astrum decipio thesis audacia comis bestia. Via quisquam suscipio usus audeo valeo titulus verbum conitor venio. Ustilo decor currus turbo deprimo alienus deludo amo vir antepono. Toties surculus alias. Sol carpo cogo. Crudelis ter artificiose angulus recusandae. Cruciamentum corrupti neque strues. Canis conitor tracto dolores. Recusandae abeo brevis taceo. Umbra deficio aperio cohors clibanus conitor atrocitas considero artificiose thymum. Cena suffragium cupiditate. Vulariter vesco libero nesciunt eveniet placeat. Decipio claro apparatus. Spoliatio administratio adhaero arca atqui totus sollers. Virga amor defaeco aliquid vacuus. Voluntarius amplitudo vicissitudo argentum. Circumvenio soluta coepi. Annus solus tergo. Strenuus quia cito adeo adfero arceo summa stillicidium. Acidus confido cerno eveniet decumbo tertius officiis attonbitus annus. Corona veritas vulgus uberrime caecus voluptatem adiuvo. Ara torrens maiores tantillus admoveo tendo. Blanditiis esse ter comburo tot adduco tracto.

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