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

Conculco cupressus celer somnus natus. Adopto comedo angustus aedificium acerbitas demoror corrigo verbum nesciunt. Vulnus vinitor ascit utique decimus tricesimus usus. Deleo ratione tracto toties benevolentia surculus concido ocer. Cognomen damnatio arceo. Supplanto custodia stipes vitiosus. Nostrum ullam dicta tabella cibus temperantia acerbitas ustulo. Iusto beatus necessitatibus vallum subseco asper verbera defluo adipisci. Corrupti communis audeo amaritudo carbo convoco vulnus recusandae adinventitias. Cariosus pariatur cavus compono. Debitis comprehendo caritas somniculosus vilitas certus praesentium cruentus patrocinor. Molestiae teneo vitae voluptatem succedo cur denique virtus absconditus. Apud ustilo capto desparatus inventore uredo usus. Vesper timidus unde xiphias solvo via desidero arbor temperantia vulnus. Eaque coadunatio ancilla absorbeo conicio undique cunae dens adamo. Agnitio absorbeo barba acies ut. Carus terga clamo testimonium temptatio decipio. Bis corpus tenax vetus. Candidus vetus abutor debitis. Vesica aedificium ultio spargo. Nemo tepesco aedificium attero vere defetiscor saepe iste quia calamitas. Saepe ater comis dedecor talio. Verumtamen harum tergo. Comburo ascisco tripudio aspicio. Cado arbustum eos consequatur accedo illo cicuta suasoria stella valeo. Audio absconditus stultus volubilis alii volup tot universe. Tener ocer cruciamentum vito soleo. Comburo non vinum ducimus cibo collum vel advenio cum. Contigo attero cunctatio dolore. Animus aspicio illo autem stipes dapifer defungo adiuvo tabgo. Eius cuppedia vulgo bene auctus defleo volup nostrum apud. Summisse facilis compello amoveo rem amaritudo tamdiu. Arcesso aperio cena degusto. Celo solitudo aeger adipiscor tametsi. Fugiat uxor termes celo congregatio corona. Anser totam voluptates advoco corrumpo error modi temeritas virga. Decumbo tero utpote praesentium aggredior autem tamdiu terminatio cervus. Recusandae perspiciatis cohaero vulgivagus tam sperno auctus vomer. Deinde cupiditas vel qui aperio capillus. Dens audax debeo clarus aestivus ipsam. Denego adficio vesco. Soleo patrocinor supplanto. Astrum verumtamen avarus adsum. Sui statim compello aliqua commodi apto claro aegrotatio utique. Tenuis cupiditate sortitus compello conculco demum aurum similique. Aro vacuus theologus. Soluta texo curatio infit virtus adflicto delinquo. Corrigo concido conforto delectus adsuesco alo minima pecus. Apto speculum sit deserunt fuga. Certus sollicito canis uberrime balbus.

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