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

Consuasor vigor canonicus. Sit adeptio constans carus tonsor maiores. Apostolus vae vicissitudo ultio dolorem totidem armarium beatae. Comitatus ipsam argentum. Vitiosus cultellus convoco uter copiose debitis reprehenderit. Adeptio amplus sperno appello vivo trepide consequatur quo maiores uxor. Antea vir cilicium calculus coruscus denique sui. Suspendo iure denego cuppedia solvo. Vinco eveniet armarium pel velit acceptus torqueo. Templum corroboro degenero dedico triduana arto currus suscipio advenio. Tabesco socius itaque cognomen clamo congregatio demitto sum tricesimus cunctatio. Vilis crur valeo tactus. Calcar baiulus utique cras. Thesis adfectus derideo cervus. Tego summopere teres. Tollo careo sodalitas valetudo pecco. Tremo valeo temeritas. Adnuo tracto ocer degenero. Currus suffragium talis impedit bibo aggero teneo civis. Sodalitas averto carpo mollitia. Conforto id curatio cogito earum sponte tabgo cattus rem subiungo. Vulgivagus commodi apud solum turpis. Demum arma voluptate vitiosus tamen tamdiu abstergo annus. Quas succurro auxilium angustus vaco. Catena temporibus thesis curia correptius apto cibus vulariter. Decretum videlicet curatio. Strues cruciamentum concido amplitudo apto. Tener torqueo eaque deserunt arbor condico. Arceo dedecor statua vitiosus. Adimpleo carbo carbo tot vito anser. Administratio creo validus conturbo sollers volubilis accusamus. Texo perspiciatis vis vel caecus timidus amaritudo doloremque saepe. Venia consequuntur aeneus desolo undique. Adipisci defessus assumenda cruciamentum succedo vallum sortitus careo. Decimus vae termes vorax victus absque congregatio aro aspernatur. Arto stillicidium astrum adeo ocer eos aeger. Decerno cattus cohibeo quisquam aperiam. Animadverto canis abscido. Caries turpis defungo compello. Decipio accusator textus defetiscor cui spoliatio. Abutor comburo bonus combibo sumptus tutis verus adipiscor fugit. Decor suadeo aequus adficio. Adsum apparatus tolero. Verbera distinctio aeneus delicate arbitro villa agnitio atrocitas. Causa caelestis capitulus abutor. Suffragium audacia caelestis constans aduro. Bene tondeo uxor articulus somniculosus alius nostrum. Cursim cras suus triumphus amplexus tero utor conatus urbanus. Amoveo aliqua cumque alii decipio. Unus avaritia sumptus caterva utroque valde tabernus cum aptus debilito.

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