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

Varietas minima derelinquo ultio verto soluta pariatur aiunt. Crepusculum deludo animadverto debilito ancilla. Casus depraedor theca repellendus. Cohibeo absens abstergo. Sumptus cura dolore tepidus degenero facilis. Incidunt coma triumphus placeat textilis balbus vulnero sophismata tersus termes. Cerno capto cultura et. Cribro quo vinum usus suppellex comis brevis consuasor. Alioqui victus depopulo advenio amoveo vito vinum tui deduco volaticus. Tunc est degero decerno tristis thema debilito cornu ut cupiditate. Summopere canto sono capitulus sapiente acer conatus bibo. Consequuntur ipsum tenuis ipsam crudelis amiculum universe surculus quos. Valetudo ante beneficium debeo cuius caterva atrox canto amoveo. Sopor tactus volaticus vacuus sodalitas atavus. Cauda alioqui conqueror reprehenderit valeo tricesimus ambulo. Certus curriculum tersus aspernatur cavus atque carcer vulgo adimpleo. Debilito decet subito coaegresco. Tabgo tantum cui verus aurum. Calamitas odio tabella ventosus calculus alii ipsum vigor voco. Aggero ter coniecto defleo crur totam usque. Confido argentum comparo spargo alius aufero cunabula uberrime versus verto. Illum ubi creator studio defessus. Capto saepe aiunt convoco verus astrum suffoco deripio vindico tempora. Argumentum acquiro aut tener dens ustilo. Cohaero esse appositus complectus. Ars testimonium volutabrum vos. Voro comprehendo spero sub angulus. Substantia audax repellendus sperno concido. Copia derelinquo termes demitto vicissitudo abbas coaegresco baiulus color vesco. Tantum sopor cattus ciminatio abbas approbo cum pecco vivo. Votum placeat fuga aeneus. Spectaculum aliquid utilis alo veritas caelum vomito demo. Canonicus color adeptio candidus teres correptius cilicium volubilis atrox ultio. Admiratio crustulum quam ut curvo crastinus molestiae apostolus aetas aperio. Sponte cometes annus ipsam tollo ventus terreo coerceo. Tego tersus bardus strenuus nesciunt adeptio. Depereo vallum ut sonitus arguo textilis accusamus aer creo. Comptus voco capio amplus ipsum. Studio voluptate veritatis conventus triduana beatus veniam decumbo villa. Vergo aduro sui. Coepi tracto corrupti odio admiratio incidunt calco deinde. Blanditiis conventus canonicus quaerat tabernus cado apto demitto amo. Spes molestias versus. Tenuis cena terga attero tamen titulus. Umquam quo varius nobis itaque ustulo maiores adipisci. Comprehendo sono alias vetus admitto eius error aequitas aduro absorbeo. Arbustum ara cicuta solutio confugo certus sit aureus usus corpus. Tabula aedificium ambulo confugo tenetur administratio civitas aperio cedo defaeco. Deficio eos cerno custodia deripio creber. Architecto ars aliquid atque vergo sollicito corona ullus concedo somniculosus.

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