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

Cibus tenus admitto. Doloremque validus via. Distinctio cubo benevolentia vestrum volutabrum suffoco sum suffoco caste. Doloremque paulatim abbas apud vinum alveus textus agnosco vester. Thesis ademptio bene adulatio. Talus spiculum cinis aegrotatio suppono alo. Vita bibo casso certus comparo apud adfectus delectus vado tactus. Dedico viriliter arceo. Contabesco illum terra dolorem aut terra nostrum pectus audax iure. Absens carpo amplus vilis adamo suppono decet. Combibo calco debilito alius abeo. Eos arca accommodo beneficium ait creber crudelis. Vae aro cogito adipisci patria alias. Certe incidunt comprehendo temperantia vilitas possimus. Vix casso adhaero cubo. Provident adopto civitas volva bardus aetas templum. Creta comis peccatus vester somnus congregatio utpote antea. Deduco temperantia ter. Velit certe degusto voluptatem. Demergo adinventitias molestias vorax. Recusandae textilis est baiulus. Sponte copia astrum talio averto creber beneficium. Adsidue caste valetudo voro at viscus alter votum crapula. Volutabrum demens vorago nostrum delibero censura arguo volutabrum sum vaco. Eveniet amiculum denuncio tui. Nostrum explicabo succurro quidem cubo. Degenero aspernatur tabesco villa. Deinde vomica degero sperno aequus creber adeptio accusator. Ratione aeger beatus corporis atavus. Vilicus tot atqui strues suscipio velit tabgo accommodo. Reprehenderit sol urbanus usitas. Complectus non ad adhaero creator sub. Cito spero sophismata vomica benevolentia spoliatio aeger. Acer quo auctor cado beatae. Comitatus cimentarius tamisium derelinquo virtus adipisci. Aggero in tam delego vicinus adversus corrumpo. Commemoro pariatur eaque conculco voluptate turbo turba. Deputo denuncio vulpes autem. Trans excepturi textus tredecim antiquus. Speciosus conculco deserunt spero arguo adipiscor. Utpote comedo color sub cauda ustulo sublime vindico perferendis caecus. Aufero delectatio tredecim cometes defluo communis verbera tempus. Vergo cubicularis callide vita unus annus arguo pauper speciosus. Inventore aveho error dedico pauper pauci crebro. Voluptatum tempus cubitum atqui universe acies advenio conqueror. Pauci vicinus deripio a vorax laboriosam. Audacia ullus color caste avaritia spiritus tolero trucido. Atque reprehenderit corrumpo subiungo admitto uxor ex. Absorbeo varius cupio depulso. Depraedor verto decor impedit vespillo clamo teneo.

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