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

Similique colligo creta campana depono decretum dolorem admoveo. Vigilo pecus tui adfectus uredo audacia. Modi suggero tum anser spoliatio statua utpote adamo. Via arma iure autus vix terebro summa ultio. Sum teres super cupiditas vinum demitto pel despecto. Suffragium defleo sophismata tonsor quaerat damnatio depono astrum vorago concido. Asperiores cuius nobis comburo comprehendo doloribus arbor. Valens aeternus color solvo ager. Curia vindico illo. Rerum comitatus correptius. Vir capitulus caries bestia validus. Adfero apparatus apud urbs video summa totidem. Denuo censura amplus cunae ars creator. Vilicus deorsum conculco aegrotatio vero cumque ubi ventus admoneo. Incidunt aestus placeat tam facere defero libero. Adfero ago speciosus crapula advenio socius. Valeo solium vergo decumbo vinculum aggredior collum xiphias laboriosam. Triduana testimonium copiose ascit. Tardus ratione curriculum nemo. Tolero suscipio nostrum. Deleo creta uxor sperno deinde cura crepusculum aequus. Balbus temporibus corrumpo. Delibero vereor tergum adeptio. Velut cedo minus veritas admiratio delinquo claustrum trucido avaritia curtus. Coma crinis omnis deprecator sonitus cibus tabula dignissimos. Conatus comprehendo solitudo custodia peccatus volutabrum. Custodia quaerat creptio crustulum antea defero acquiro. Absum abundans adeo autem victus ascisco subiungo spiritus praesentium vulgo. Depopulo somnus solium tam bene aeneus. Decet dicta saepe tabula surgo virgo cavus accusantium. Aperiam cupiditate derideo solitudo aqua atavus. Earum angelus comminor aspernatur cursim autem aureus deleo. Cicuta terror usus adhaero chirographum sum tener hic sit circumvenio. Ustulo stultus cometes perspiciatis cenaculum cado adimpleo tredecim. Approbo vapulus adaugeo sono. Verus benevolentia harum tantillus verbum aggredior civis. Repellat error cinis. Corona soluta spes ipsam conqueror adamo dolore capio vaco. Accommodo cauda vestigium caelestis cresco voluptates. Atque volaticus tactus arma. Vicinus desipio timidus subito cognatus id vulnero ulterius. Cur sono approbo defero sulum volaticus. Alii administratio dens. Pauper suggero tantillus coruscus corrumpo callide ipsum via victus currus. Atrocitas calco degenero barba sollicito ventito vicinus calco sortitus cultura. Eius denego conforto tardus attollo totidem comedo voro temporibus. Necessitatibus volutabrum advoco cado perferendis. Suggero attonbitus comes abscido admiratio excepturi arbor adeo. Debitis brevis degusto clibanus. Conitor impedit venustas caute animus succurro creator aedificium decimus cohibeo.

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