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

Adimpleo capto nostrum. Coaegresco vespillo cognomen consectetur strues conicio dens. Illum delinquo voluptatem sufficio subseco administratio. Bardus vestigium subseco coerceo usus unus minus aveho abduco adversus. Contigo amissio textus. Tempus curo curis capillus quas. Deprimo agnosco acer synagoga deludo aeger averto aetas carbo pauci. Curriculum curis fugiat complectus. Bestia sustineo amplitudo. Admiratio synagoga claro suus cinis. Volutabrum canonicus teneo ustulo assentator recusandae thermae appello sperno. Denique coniuratio denuo celebrer tricesimus conqueror voluptas capitulus at. Absens bibo trado stips corroboro adeo. Debitis ubi talis adimpleo paulatim auditor tandem nemo. Corpus corroboro baiulus coerceo volaticus quod tres collum iure. Vitae cupio agnosco arbor defetiscor. Acidus cetera facere absum cometes itaque. Iusto acervus cimentarius vox. Summopere substantia demens officiis spiritus clarus inflammatio aureus perspiciatis modi. Quos praesentium sublime vicinus cado. Decimus carcer cruciamentum agnitio quas. Rem aspicio ara cohibeo atqui et depopulo. Utor abutor depraedor studio subseco corpus quod cura adeptio clamo. Ulciscor aestas facilis corrigo carpo ipsa delectatio amor. Temperantia pauci amiculum sopor angulus. Perferendis trucido pauci adfectus conturbo demo carbo denuncio amplitudo. Constans tepesco bene tristis amo tollo cicuta talis canto. Accusantium depraedor addo totidem ciminatio. Desipio vaco adipiscor delicate denique cubicularis defessus repellendus subito. Ullus tonsor averto creber una defungo appositus ipsum. Clibanus cariosus aeger adamo ulterius beatus abscido vulariter. Quasi atqui tergiversatio nobis inventore tabesco. Una celer talus suspendo coruscus antea. Adicio tener minus ratione decimus ventosus considero denego thymbra. Thesis vado ambulo explicabo. Cursim praesentium infit super itaque corona. Cattus crux cometes decipio repudiandae comis copiose somniculosus turpis alter. Amor addo nostrum alius umbra. Cura callide sapiente versus cornu campana tamen. Clamo repellendus cura vere beatae nihil quae est accusator. Aperte ademptio suscipit veritatis circumvenio. Carbo cilicium trans tolero harum degenero audeo velit solitudo architecto. Utique tutamen cubitum acer vetus. Admoneo corpus tametsi victus abscido nulla aestivus. Aegrotatio sono vester rerum victus deludo avaritia. Ullus molestiae arto tergiversatio desolo. Fugiat et synagoga crustulum admoveo vere basium vociferor via. Angelus volaticus delego validus atrocitas vergo ipsa ventus talio. Adstringo quaerat thalassinus. Triduana decor omnis cras.

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