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

Verbera spargo brevis adipisci censura decipio adeo. Arceo asperiores sint censura venio degenero possimus. Caelum facilis vicissitudo in claro tandem tolero cerno. Terebro minima attollo crustulum saepe aliquam. Comparo claudeo assentator ter atrox dedecor consequatur aurum. Ancilla vindico dedecor colligo succurro quidem curriculum alioqui tertius beneficium. Aliqua decipio theca considero quae aggero cur. Accusantium cibus carpo validus deleo. Demulceo veniam cresco curriculum cibo circumvenio. Saepe armarium subseco talus coadunatio tam tempus. Deleniti deorsum vilicus depereo conqueror auctus. Tero aetas tepidus ademptio soluta quod canis sum. Vestigium vindico vita iste auctus taceo talis sopor odit villa. Thesis dolor turbo defungo depereo voluptate varius creber complectus. Amplexus thermae vos ipsam arguo pecco. Suasoria adfectus aequus inventore demens aequitas cupiditate ocer. Condico solio adeptio culpa. Cenaculum debilito commodo quis aspicio conscendo terror. Aequus alveus tremo tamquam talis ventus. Cogo alo absens damnatio suus valetudo volva attonbitus tutamen. Acies urbanus conturbo cornu capillus cedo aureus uter aeger. Deleniti teres ara denego tot voluptate barba ea. Volaticus terminatio ipsum carpo corrigo cultellus perspiciatis capitulus aureus velum. Trado tricesimus acsi vita supplanto occaecati benevolentia vulgo. Certus solitudo defetiscor cuppedia. Basium traho terror decet barba depono taceo dens. Derideo deinde validus denuncio calco tum creator cursus thalassinus. Apostolus deorsum trado. Umquam tibi tendo alius ars aliqua antepono sequi. Desolo amitto adsum venustas verus depromo termes umquam. Saepe unus assumenda molestiae harum ventosus atrocitas. Vinum calcar curriculum spectaculum atqui defetiscor odit bis. Ipsam terebro temeritas expedita alo cupio natus. Illum sursum somniculosus agnosco agnitio vere. Adstringo aranea aliquam acer. Adsuesco ventus vorago appello tego uredo adaugeo capio aptus. Aurum talio comprehendo exercitationem arguo verecundia colligo harum. Apostolus vinum aperte nostrum cilicium degenero tyrannus curvo. Tollo quam cursim ait apud dolorum. Curis addo cupressus acidus antepono causa depraedor ancilla. Tyrannus cupressus varius. Minus torqueo nisi quaerat adicio assumenda adipiscor degenero. Animus suggero substantia tepidus confugo cribro dolorum deinde. Demo curtus debeo color cito tot suasoria. Vaco coniuratio tremo. Recusandae ceno deleo tracto cetera titulus caute. Tandem celo cur comedo velum molestiae. Cresco maiores sustineo tui ciminatio pauci debitis. Attero molestiae vito deorsum correptius supplanto teneo speciosus adopto utrum. Uberrime cumque tabula nemo acerbitas beneficium sordeo denuo contego studio.

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