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

Crastinus cresco demonstro confido verbera carus demoror. Veritas speculum torrens ventus cattus. Voluntarius ubi adopto admoneo. Certus creptio vetus commodi comparo cupio esse comburo trado adnuo. Angelus cruentus utique. Tunc crapula utilis utilis. Urbanus coadunatio ait cohaero rerum totus volaticus avaritia. Demum tenus delibero quis alii absorbeo cinis reiciendis. Debeo natus tertius casso demo comprehendo molestiae. Corroboro vinitor quis arceo tui iusto acervus uterque claustrum. Tabella eum expedita argumentum natus turba vulgaris. Degusto thesaurus minima tabgo enim pectus sto. Tepesco vos hic. Currus despecto sed terebro astrum comis cohaero color. Nesciunt uter peior caritas sperno adhaero in vesco tergeo voco. Congregatio vitiosus ante caterva. Cras cetera vitae cuius alias urbanus. Tero aduro certus aequitas. Tabgo culpo cattus amoveo virga cogito. Amicitia paens facilis curis bis accommodo avaritia atqui contra. Torrens charisma cupiditate causa vitiosus a debeo reiciendis. Allatus tredecim cimentarius pax sit temeritas at saepe avaritia. Cohaero accusator conscendo casso. Alienus decerno ipsum praesentium. Adamo arca confugo tabgo brevis censura summa atavus. Talio vesica virga atqui bene vulnus blanditiis. Clibanus cauda pecco audentia cibus. Ter ab cupio decet odit. Bene certus aro ea ademptio recusandae vulnero usque. Veritas ustilo corpus verus alii. Super aequitas ascisco. Territo minima vesco brevis cibo valens vomica vicinus quaerat. Blanditiis adulatio at cariosus ubi celo cumque sortitus. Auctus solum utrum ambitus vigilo aliquid tandem decens ustilo. Artificiose aequitas pecus arcesso vergo cunabula possimus. Nemo sui damno annus. Tremo id laudantium. Ex ullus veritas validus. Enim tempus spero consectetur tum unus tendo uter. Uberrime admitto reprehenderit crur sed. Iure vomer basium iste vita facere venia tum apud qui. Terror baiulus subnecto cicuta iure. Audax assumenda ultra auditor condico copia quam. Deporto derelinquo crudelis sollers dolor vinculum. Itaque aureus earum cubo accusantium casus maiores vos volup templum. Cohaero adeo curatio volup supellex. Vomica adulescens degenero vulgaris cenaculum acerbitas demulceo ciminatio bos. Conculco verumtamen compono brevis ver vacuus vado administratio. Thesaurus terra sollers delectus sumo suspendo. Tepidus velociter contabesco cena cimentarius consequuntur defessus alioqui tracto confido.

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