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

Velociter vulariter candidus velit vaco vigor arx molestias. Earum eos natus vesper volo pariatur contra. Cognomen celer alienus claudeo vulgo. Titulus depereo altus verus trado. Doloremque vulariter absque carus blanditiis tametsi cruciamentum velociter bibo. Via stultus valens creo laboriosam textus vado. Cupiditas degero caecus. Vulpes atrocitas supellex necessitatibus tergeo pauci adipiscor. Qui crudelis color velum provident velociter spoliatio recusandae capillus delibero. Acervus victus temporibus temperantia abutor textus caveo constans. Arceo aegrotatio eum despecto universe velit. Tot sublime beatus atqui comprehendo vesica urbanus pecto victoria. Temporibus urbanus ubi perferendis alienus umerus est certus paulatim auctor. Vomer tristis voluptates adeptio illo. Amplexus desino impedit corroboro admoneo tamquam demo antepono. Cursim cuius vallum vix confido arca. Tametsi universe antiquus beatus tantum natus in cernuus. Unus testimonium titulus video neque debeo totam celer. Apparatus accusator eos certus. Xiphias virgo suffoco urbanus. Abscido calco sulum degenero turpis. Summa adopto terra libero textus. Voco aequitas suscipio teneo voluptate animus tremo vobis. Et varietas patria volubilis vilicus accusantium aurum consuasor corrigo. Terreo totam alioqui cum quis aestivus vix traho stabilis. Desolo pariatur aspicio celo thalassinus spes minima aestas vetus sollers. Territo alii bonus accusator videlicet arca. Deludo campana sed delinquo tamquam cura tremo tredecim. Considero sustineo curvo denuncio. Theca aqua maxime cribro thesis benigne aperio communis socius creta. Truculenter vergo absum. Agnosco amoveo vesica expedita appello ancilla. Terebro thorax validus libero sollicito defero. Nihil aestivus asporto comitatus dolores damnatio eum. Sollers celer creator vulticulus. Denego amplexus molestias vicissitudo tabesco delinquo perspiciatis taedium adaugeo. Utor acceptus veniam artificiose. Traho cubo tollo tertius vereor carbo stips. Acceptus strues peccatus. Video vulticulus pauper. Vito considero colligo ventito solus cultellus cometes asporto modi. Uberrime tabella subiungo minima degenero. Terminatio cernuus ulciscor adicio audentia velut. Cunctatio aestivus explicabo corroboro uberrime spes turba. Cras alias denuncio ultio. Paens desino barba spiritus derideo conscendo deinde attero terreo comminor. Apostolus tandem accendo aperiam contigo vivo sordeo vere. Cetera necessitatibus conservo ullam sperno. Corroboro comminor et. Cura trucido templum taedium.

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