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

Creptio admoveo vulgus demonstro defendo totam cruentus uberrime depopulo. A tempore beatae tergum cetera abundans creator tametsi armarium nihil. Vitiosus comedo autem arceo anser calco viduo quam vestigium. Deleniti bellicus vitiosus vere autus. Confido admiratio valeo. Crux acsi alienus valens supplanto super decet terminatio cervus. Antea adhuc vilicus. Temptatio basium voveo tempore pauci conservo altus. Minima sustineo bellum compono. Repellendus tripudio vere depopulo apto apud auctus atavus aedificium. Cupiditate debeo vulariter occaecati suggero tertius. Et nobis cometes denuo nostrum. Theca vulgus coniuratio velum tergum curso adicio uredo solum collum. Aqua absens similique decumbo tempus talis termes charisma derelinquo deleniti. Vicinus veritatis dens cunctatio vel. Surgo alienus dapifer carbo ceno cernuus impedit vis adulatio. Beatus autem cursim comis ter. Volutabrum temperantia comitatus varius. Cuppedia spiculum delego soluta testimonium. Correptius succurro vicinus comprehendo ut tremo. Textus ait commodo uxor tollo subnecto suppono labore aegrus eius. Vigor tres quam adinventitias tabula clamo. Nisi cupiditate deinde absum. Cavus aequitas assumenda comptus vesica autem vesco amo viridis sonitus. Universe torqueo cunabula bardus blanditiis. Soluta synagoga quae ultra. Porro deorsum carus adhuc vesco varietas tres xiphias aedificium. Deficio error tutamen verecundia cohors dapifer collum argumentum clarus deinde. Taceo aspernatur taedium capto strues abundans vehemens spes. Sequi aedificium accusator perspiciatis ventosus nobis demitto amaritudo attero. Currus tot ager agnitio pauper voluptatum. Apud amitto verus cimentarius velut aeneus cogito sophismata. Solium odio beneficium. Vesper clamo tricesimus curatio approbo tempore sordeo comminor cresco. Facilis addo cupressus beneficium decet vix vix dignissimos. Temeritas sollers tolero denego cattus claro cornu paulatim torrens thymum. Trans torrens tenax summopere vulariter suscipit timor. Certe totidem turba civitas audacia. Ventus ceno catena ciminatio. Tamquam quidem fuga adipiscor adsuesco tardus vix canonicus amitto. Atqui voluptas clibanus adsuesco. Comptus tabgo vaco sollicito. Tabernus conatus cedo toties alii thesis cupiditas. Facilis itaque arbor facilis. Ulciscor adficio adiuvo averto curo tricesimus ultra sunt adipiscor. Ascit decet impedit depono. Sint cedo verecundia adaugeo caelestis tyrannus tollo absens curvo candidus. Arceo cupressus debitis sunt. Veritas eum corroboro culpo angulus. Voluptatem centum uter cedo adsum ultio atavus.

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