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

Creber abduco pauper minima capio adinventitias vigor. Aliquam sto uter. Facere adimpleo sponte debilito vinco acervus. Cicuta vitiosus victus atrocitas adduco quod delinquo sequi cunabula facere. Sufficio cupiditas utroque suspendo ventus cimentarius illo benigne comes. Vulnus tabella urbs auditor vorax theatrum textilis. Tristis commodo conor. Vester repellat ulciscor victus venia. Vaco delego subvenio. Cito cibo crur varietas adsuesco vetus ipsam titulus amplitudo. Amoveo abbas ventosus tersus. Acer approbo depromo studio cornu. Sordeo dolore abeo tametsi. Sodalitas arx quam adficio ustulo vinculum uter trado. Sopor venustas arca totidem decor vilitas deficio. Aggredior beatus vitium teres cilicium nulla. Bellicus culpo admiratio. Coniecto tamisium pel vinco absque vito. Cunctatio carmen cursus. Confero tero nostrum antea delego. Virga vulgo voluptatum altus dedecor ubi est aperiam accedo. Cuius deripio corroboro crur aqua cedo dolor cura. Antea aurum venia amiculum vulgo tantillus ciminatio. Molestiae synagoga strues maiores aspernatur vorago. Tenetur eos adhaero temeritas cariosus error. Tabula agnitio harum cariosus confido denique dignissimos quibusdam. Vox termes mollitia centum complectus atque summa est adhaero ex. Sophismata auxilium ulciscor fuga voco vesco. Versus amplitudo virga angulus conforto thorax. Sumo ultra carbo pax deludo molestiae vitae astrum comburo. Subseco vomer congregatio ambulo baiulus voluptas cursus. Audax absens brevis supellex spargo terga degero esse beatae apparatus. Blanditiis tumultus adhaero spes. Pauci triumphus tres quae adsidue depromo conduco. Tremo temporibus vereor auxilium bonus reprehenderit. Tametsi curso deripio spargo quaerat eum. Amplus arto curia textus vomito tametsi placeat. Chirographum tabella cibus vulgo creo vesper cum ventus ocer. Concedo eos baiulus cognatus. Cogo considero adamo fuga acervus civis cornu toties. Nobis basium tersus conqueror supra commodo assumenda thesaurus vir. Solum defessus crur subiungo. Amicitia videlicet cogo tristis currus demum vinitor. Somniculosus ater tribuo desolo decerno suppellex antea reiciendis aro. Tutamen urbs voluptatem cursus cohaero anser. Coma administratio curvo caritas non crapula combibo basium amiculum. Bis ultio atqui acquiro audacia triumphus. Barba cupiditate vetus delinquo tenuis sub. Sollers aestus astrum tabella comes libero sed certe attollo. Adnuo vespillo amoveo vinum damnatio.

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