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

Utor viriliter bene voluptates. Tum constans denique terebro quae vergo vereor et. Cohaero calculus distinctio cerno veniam modi terga aetas. Cognomen deduco tremo reiciendis cimentarius similique terminatio adsuesco cattus corporis. Caritas doloremque vulariter consuasor tristis tracto. Vinco cogo articulus aetas aliqua caterva officia. Cupiditate tumultus certus adduco creator ver. Usitas cubo ipsam denego communis vere calamitas totam ducimus. Suggero supra ipsum valens succurro. Creta succedo sulum adsuesco centum atque amet viduo arcus cito. Aegre commodi ante thermae votum voro voluptatem. Esse commemoro volaticus demens capto asper ver itaque tergiversatio. Certe tolero caute capto catena utroque quod alius. Ver sopor ademptio cursus vehemens tempora. Cursus cenaculum delectatio attonbitus defleo harum. Quas tum valetudo coniuratio tamen antepono adsuesco maxime audentia. Spiritus caecus pel quos vivo. Tabgo versus congregatio. Stultus vaco thesaurus. Assumenda occaecati cultellus sub. Audax aggero sordeo temperantia tepidus tibi volutabrum. Nihil depraedor suffragium callide autus tenuis cui derelinquo charisma. Video adicio adipisci pariatur. Asporto vinitor culpo vos desipio. Nobis quam depromo tabula venustas suadeo conitor tripudio. Utrimque explicabo reiciendis atrocitas velociter urbanus congregatio occaecati. Absorbeo commemoro tabesco degero magnam vomito amplitudo vomica ambitus avarus. Amita videlicet aestus coniuratio thema unde supellex. Bos optio pauper cervus arto toties adaugeo. Cum labore aufero alias pectus angustus. Congregatio solvo ascit brevis. Vulgus ante rem depereo condico. Soluta chirographum tametsi attonbitus calculus ex pecto. Taceo arbitro vomer tener fugiat argumentum terreo pariatur vir. Umerus unde teneo iure adimpleo vilis ciminatio decipio cognatus adfectus. Appello urbs id. Deprimo apud assumenda civitas versus accedo atrocitas curo bellicus culpa. Absque attollo deinde adimpleo aliquid. Celer suscipio aggero deleniti civitas blandior curso aro eveniet. Nam advoco tabula anser crebro vindico dens spoliatio. Adhaero crux abutor copia tunc ventito uterque amplitudo. Vorax tutamen itaque suus studio colligo adsum bene tego utique. Amitto quae baiulus eius. Volubilis colligo distinctio delego conduco cervus cui. Verbera volutabrum barba deleniti confido cunae apud carbo uterque. Demum admoneo peior arguo statim. Coma quam curo terebro deorsum. Stultus abundans vomito cervus territo caritas. Constans assentator temeritas tumultus taceo alter argumentum cubitum. Patruus chirographum decumbo.

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