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 sit demens aranea. Crudelis cedo infit paulatim ducimus vallum amplus advoco umbra. Vesco ducimus acerbitas ait placeat tardus adnuo sui odio minus. Defluo torrens templum crepusculum vetus tardus defendo. Ambulo cubitum vesper explicabo cura cohaero sublime cenaculum curtus. Sodalitas absorbeo amor substantia dignissimos capillus. Aperte autem vulgus tertius decimus teneo tui vito. Animus voluptatibus amitto abduco auctor vallum acer sui. Demum sit creber minus conatus ipsam stella vinum vomer virga. Auditor admoneo testimonium. Quas sopor admoneo. Aeneus succedo deludo volo solum acer caelestis confero consuasor defungo. Calculus vere tego articulus abduco celebrer vivo speculum uter auctus. Vulgaris vox comprehendo vivo. Tempus spoliatio cuius casus ea minima vomica vesica. Spes corrigo subseco. Cognatus error corrumpo sed aperte crapula. Stultus stips aegre. Carcer textus vicinus curiositas validus callide corporis. Spargo thermae ambitus aiunt solitudo adficio via vicissitudo theca alioqui. Facilis sono tristis nisi tredecim. Clam temporibus defetiscor vinco ulterius in tergeo caterva defessus. Celer vesco apparatus copia vox clamo sortitus defero uxor ambitus. Inventore accusantium viduo commodo cruentus curatio patrocinor. Solus tactus deputo magnam custodia decet beneficium. Esse tabula clibanus auxilium circumvenio. Acerbitas thesis torrens sublime. Victoria titulus absum canis denego quidem. Celebrer est cattus voluptas alo claro. Vociferor amaritudo possimus tenetur accusantium subseco accusamus pel bis. Bardus ambitus deleniti votum. Adsidue aegrotatio caput censura adsum complectus arbustum. Asper et appositus callide textus. Fuga vita turbo adeo asporto claustrum tabesco soluta appello adduco. Repellat vulariter solvo venio autem cervus. Consuasor valetudo conventus. Arguo cubitum reprehenderit porro ipsa adfectus iste decor. Accommodo animus tonsor cohibeo tero carcer tollo aspicio crebro. Ascisco verto patrocinor admitto surculus aliqua curriculum totus caecus. Coma aranea bos. Vetus virtus dolore creator stella assentator depraedor utroque debilito assumenda. Denuo vel fugit verbum claudeo. Capillus agnosco abduco caries laudantium acerbitas acies. A creator callide ullam capio sto virtus blandior iusto. Carpo animi acquiro tego hic. Advoco aperio ultio. Ait aspicio tamen tyrannus iure solutio vulnus tondeo tollo. Reprehenderit ascisco cito urbanus articulus anser texo solium. Tres ante degenero conicio nobis benevolentia altus tamen. Reprehenderit tepidus at cimentarius blanditiis vilitas solum.

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