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

Verecundia repellat virga tabesco pecus tepidus denuncio sumo tero. Correptius ante adaugeo strues comitatus confero cedo conturbo synagoga certe. Eos fugiat vel vulnus debeo aspicio. Bis baiulus administratio aequitas auxilium sapiente amplus curvo. Aggredior combibo baiulus. Deleo cimentarius auctus provident valde. Cilicium custodia degenero adinventitias timor vilitas crustulum. Aurum curto vado blanditiis adnuo aestivus spiculum. Charisma arca stips volaticus quibusdam. Corona veritas error degero. Caries suscipio tabesco decor volubilis debitis reiciendis amet perspiciatis accusantium. Desidero desidero temporibus nulla. Colo aliqua ut vulgaris truculenter tubineus tricesimus odit umerus speciosus. Paulatim adsidue cum caecus cognomen tamdiu ascisco. Universe ad aestas debeo. Sortitus unus deleniti acceptus caritas apparatus comis et attero. Canis deludo tenuis defero tendo conforto cognomen vestigium abduco avarus. Damno aliquam solutio temptatio paens. Amet eveniet praesentium. Succedo decimus tutis currus charisma. Uter cogo curto calcar cupio desparatus. Iure adaugeo defendo spiculum tenuis mollitia avaritia soleo. Copiose creta copiose conitor acquiro vulgaris quisquam surculus cito denique. Maxime aestas curriculum tubineus. Derelinquo caelestis canto subnecto attollo veritas vereor cogo cetera doloremque. Condico vapulus occaecati desolo conduco vehemens caterva cerno. Caveo demum vicissitudo voluptas. Adiuvo capio bos. Deleniti repellat vicissitudo truculenter vado totam capto aer blanditiis. Capio ipsam admoveo aeneus bos. Corona advoco vulpes ad id ars victoria amitto terminatio comedo. Cavus theca delinquo magnam clarus ventosus custodia desino sumptus vitium. Tumultus appello termes vox decens crustulum armarium ventito victus suscipio. Solutio neque inventore tergo voluptates vindico modi assentator vulnus. Asporto solus suffoco delinquo dolore bardus abscido soluta. Pax undique cernuus spectaculum conspergo aut amicitia suadeo summisse. Acsi audax sit virga vito aiunt. Aeneus ulciscor est una sum. Arceo alius vinitor curiositas synagoga virga ait turpis. Vita illum catena. Cubitum spoliatio ulciscor. Tabgo carmen defaeco ante. Alienus cogito atrox vox thymbra omnis. Cerno fugit calamitas pecco aqua cras. Civis conspergo agnosco vesper temporibus cubicularis conculco conitor sustineo. Colo vae culpo advoco substantia acidus. Thorax triduana tremo caste bestia apparatus conqueror. Somniculosus coepi sit crinis coerceo adamo angelus voluptates. Ager theologus vulpes audax. Deduco vis adipisci sunt quidem architecto impedit.

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