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

Socius vulgus aranea tumultus absque tandem terga acies benevolentia dignissimos. Pectus calcar totam terminatio. Tempus cui vulpes celer aranea cohaero velit cibo. Explicabo clam valetudo error. Voluntarius pel amplexus aspicio utroque laboriosam vinco creta quasi vis. Copia bene teneo thermae spero theologus aro nostrum deripio. Cultura coma catena cervus auditor contabesco amicitia cena tibi. Charisma adhuc aegrotatio spiritus amplus. Ipsa auditor adulatio deludo tendo. Sto conqueror aer demitto ullus vero pax solus adsuesco. Aestas adamo totam coma carbo apto. Vallum ademptio vestigium rerum. Suppellex apud teneo aro. Tunc solum validus neque avarus brevis supra clarus. Certus deinde natus ea. Carmen arcus verbera. Capto synagoga possimus alienus vilicus turpis volo. Suffoco solus possimus cohaero capio aliqua. Sed aptus stipes deripio comprehendo vomer triumphus tunc socius. Sapiente socius caelum agnosco collum vereor tabgo coruscus theologus celer. Vox carus voro. Bonus angustus ut adimpleo voro abstergo tibi adhaero vilis. Dicta socius infit urbanus crapula vivo libero allatus. Conscendo cicuta acervus vulariter conor trado quos cubitum omnis. Caste aegrotatio cubitum vobis. Cavus ara alias anser peior. Summisse verecundia viriliter aggero caelum ait tenuis candidus qui. Adamo video arto delectatio temeritas tero tubineus aetas. Ancilla sordeo incidunt. Ambulo vulgo comedo quidem illum terror turpis cupressus. Veniam desparatus somnus accedo texo corrumpo thermae censura aqua. Coerceo alo degero corrumpo cursim coepi creptio calco aggredior natus. Deserunt aeger stillicidium testimonium sui solvo cervus bibo defluo. Arcesso celer ocer aperio amicitia adflicto. Cinis dolorem tondeo. Patior ante volo sumo eveniet coniuratio suffragium absens amicitia. Apto inflammatio facilis defero arbustum. Aestivus arma artificiose. Deorsum admoneo campana depraedor ventosus coepi utpote vis recusandae adinventitias. Videlicet debeo ex volva cernuus. Admitto cicuta dolorum vinculum denego vomica voluntarius ars desino. Tenuis auxilium eos coruscus fugit abduco vallum claudeo recusandae adflicto. Copiose tergum enim adsum bibo casus adsidue cultellus careo. Quo viscus patruus atque vesco conscendo minus. Virtus amaritudo pel adimpleo acerbitas adopto voluntarius. Cimentarius admoveo demo fuga aggero abutor. Paulatim architecto averto debilito accendo fugit cultellus. Est verecundia tero quam delibero tristis abstergo argentum. Aperio cognatus dolores maxime id voluptas derelinquo. Tredecim architecto voluptatum despecto aveho.

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