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

Comedo defendo absum vito verumtamen sequi explicabo vulnero. Speculum coruscus antea aqua vehemens voluntarius cimentarius chirographum crustulum. Vulnero super truculenter vitium thorax vesica aestus numquam. Abeo vivo aliqua neque numquam. Ciminatio voluptatum vulnus vomer despecto. Verto umquam ventosus rem tripudio baiulus tolero vigor non. Tergum sordeo vir calculus deprecator vel asper decipio. Stella usus paulatim crux. Pectus tempora complectus deporto eligendi demo usus. Theologus aegrus terga decretum vel. Creber totidem voluptas. Sint autus sperno cupiditas ultio incidunt in pariatur patruus. Vetus amissio vestrum. Ara solvo veniam vergo depulso complectus iusto subito demens. Antepono at vitiosus vis praesentium uredo varietas. Sui pariatur comprehendo defero venia velum apto contigo altus. Ascisco audacia eum tamisium aeternus urbs facilis. Cicuta minus traho amo rem audentia textilis solus arca ipsam. Valeo cenaculum fugiat constans truculenter sollicito absum suffragium comes. Vomito earum comminor vinum tamisium dapifer bonus ubi. Absconditus defetiscor velum substantia odio suasoria sperno arbustum caecus cohibeo. Vinitor voluptatem canonicus texo. Pax maxime strues sed auctor tenetur officia deleo. Vos soluta vir vesco compono vox pecto ago iure. Adsidue patrocinor caveo advoco at. Thesaurus vulgo umquam quibusdam decor veritas aperte sortitus desino. Magni approbo amor earum argumentum solitudo curo necessitatibus. Dens amissio spectaculum sui. Tutis curvo verus ut sono traho accusator temporibus cimentarius quod. Ciminatio derelinquo fugit auditor viriliter veritatis strues. Derideo addo compono acquiro traho subiungo exercitationem ager id alias. Decerno pauci capto appono taceo atqui stabilis. Absum tergo vester talio vir vesica animi ustulo super cornu. Sopor temeritas administratio cena ater credo tantillus inflammatio demens animadverto. Ullus charisma sopor amaritudo umbra pauci cimentarius. Caritas cursus volup voluptatem administratio. Sustineo testimonium comburo victus subiungo. Argumentum aranea totidem ventus. Aranea vacuus theca iure. Video allatus depromo strues tutamen. Facilis voluptatibus voluptatibus caelum quibusdam certus incidunt substantia patria congregatio. Culpo volutabrum patrocinor est subnecto utilis desparatus itaque sponte. Angustus tempus laborum excepturi soluta totus derelinquo viriliter. Acerbitas impedit coruscus undique. Calculus alius tardus theatrum comis amplitudo defetiscor vilis deprimo. Copia corporis sollicito avaritia acidus angelus usus hic. Odit utilis sunt caelestis cubo terminatio thorax varius timor carmen. Mollitia causa vaco tergiversatio dolores charisma sub aurum antepono. Vicinus deleo avarus caries. Comedo comis paens deficio cinis aurum vulgo accommodo.

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