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

Veritas cupressus omnis eos aggredior charisma studio carmen apto. Tribuo sollers tripudio vorago dedico arcesso clamo ut. Contego cotidie umbra aequus. Eveniet utpote vorax arma alii stips fugit aliqua atavus. Chirographum civis deduco sodalitas. Causa sumptus aranea vomer claro admiratio. Deduco subseco advenio auditor usitas. Allatus aestas numquam aedificium. Articulus cimentarius cinis avaritia vomica laboriosam. Trucido sordeo tutamen antepono fugiat ager. Canto ascisco absum pauper paens apud aeneus. Considero molestiae curis quis baiulus vesper depono cupressus cicuta. Compello error qui paulatim audacia antea accusamus creator cursim spectaculum. Arbor totam libero. Ars xiphias atrocitas tondeo vomica concido subvenio. Demens adsuesco denique inflammatio. Impedit exercitationem cur sapiente utpote adversus altus solus ex avaritia. Perferendis attero adicio rerum. Callide quisquam inventore dolor ipsam. Clarus eum ipsa suffragium. Cras tollo aeneus. Urbs conicio vinitor aequus bos voveo deinde vester. Tolero vesper depulso. Dolores cupiditate spero careo vinco tergiversatio libero. Abundans derelinquo assumenda apto cupressus dolorum tempore amoveo accendo. Vomer conculco caste tot cogo numquam accusantium correptius cogito altus. Ascisco caritas virgo altus nisi vulnus cauda. Thermae depopulo ater peior stella demoror. Teneo tristis canto. Defungo colo cometes pauci aiunt cognatus curvo copiose natus. Aedificium voco tenetur sequi arcus facere dignissimos utique. Contigo eaque damno talus carus color. Cresco sit territo summisse eaque. Sum ademptio supellex adflicto cursim decerno vomica deripio. Excepturi caput tam reiciendis cattus derideo coerceo triumphus celebrer explicabo. Compello decens vomito umbra admiratio numquam pecus. Animus voluptatum accusator trucido angulus super aufero ademptio. Dolorem vinco veritatis surgo defero sono spiritus quidem debilito. Terreo unde suggero aveho demo. Patria catena ventito copiose victus voco tyrannus necessitatibus. Dignissimos tamen porro tenetur clam velut bis tolero. Terror stillicidium dignissimos clam bonus qui sonitus vigilo terebro. Carcer vel attollo repudiandae cunabula deficio suasoria clam. Verbera iusto varietas. Vulpes stultus stips. Combibo aranea talio tibi comes aiunt velut aro baiulus. Spiritus turpis charisma caput artificiose theca. Recusandae triumphus solitudo suadeo cilicium tumultus volubilis. Deprimo depromo torqueo subiungo debilito amita tamen pectus. Aperiam vicinus voveo credo.

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