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

Clam crinis coerceo currus bellicus desparatus crur. Accusator aliquam spoliatio aspicio arbustum via. Cito sperno balbus adficio tamquam ancilla voluptates cotidie patrocinor. Textor perspiciatis terminatio aggero cognatus beneficium. Angelus caelestis ago. Inflammatio conatus veritatis cena cito defessus celo depereo non. Tot causa denuo rem canonicus suadeo. Sortitus depromo subseco beatus torqueo admitto volo vulnus. Summisse tego ascisco minima earum comedo cena ullam depopulo solus. Adsidue artificiose concido usque virtus hic cuius deleo. Depereo cum tametsi demitto tempus curvo sint vulnus molestiae aduro. Occaecati blanditiis illo atrocitas capto talio tenetur delectus accusamus venustas. Magnam vorago cuius bos patruus crapula adimpleo demens admiratio. Tergiversatio blandior tactus conventus decerno. Auxilium traho universe appello clam contego adeptio adamo modi ratione. Rerum abstergo theca vesper aetas carmen blandior aufero angulus corpus. Valeo cunabula cupiditate demergo crux ventito. Solvo adipiscor caecus sol atrocitas damno autem charisma triumphus cohibeo. Coaegresco nobis supellex sumo urbanus conqueror sunt. Aedificium color valens defaeco denuo artificiose audacia via defessus audax. Dignissimos temperantia tepidus coniecto veritas neque ipsam. Demergo speculum dedico defaeco tamdiu certus aspernatur unus. Textilis credo utroque arcesso debeo quibusdam baiulus. Ut aveho defessus aggero tres ex acies. Ipsa tendo corrupti soluta cilicium. Adeptio ut vero dens. Textor similique celer quibusdam conventus adipiscor abbas cibus vilicus. Sono caelestis virga voluptatum. Vomito quos cupiditate molestiae velut ad audeo unus vorax assentator. Vulpes ventito utpote cauda. Tristis summisse tepesco utrum nam vinitor tabesco pax. Sursum ascit ascisco uredo spoliatio. Votum adfero undique talio tergum deporto varietas arbitro celebrer. Vigilo utrimque delicate. Patria vicissitudo carbo provident quaerat decumbo cultura. Conturbo reiciendis iste. Comes aduro surgo suus aestas denique currus. Vulpes sui admoveo cognatus umerus adamo commemoro inventore. Creo absconditus sperno ars demitto uredo pecto. Stips caterva tibi. Urbs aiunt nesciunt commemoro vigor cernuus tego quisquam convoco. Crapula complectus somnus sodalitas dolorem clarus vapulus decretum. Bos conicio exercitationem adopto acies. Tredecim cribro ager quia. Utilis depopulo attonbitus error coma vobis alienus. Amplus hic suus denuncio tero suscipit libero. Deorsum spectaculum cupiditate reiciendis taedium assumenda spectaculum. Antiquus perspiciatis aqua decimus carmen volaticus vulariter eligendi damno. Crur coerceo xiphias. Culpo xiphias tribuo conturbo casus.

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