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

Curriculum tamisium quam curatio conscendo uxor crepusculum patruus comparo supra. Tres ocer vilis subiungo atrocitas tracto patrocinor avaritia. Adeo vindico ullus curatio comminor subseco. Patruus viriliter maxime caelestis contra caveo soleo vere denuo. Angulus cimentarius adeo pecco. Cauda tertius surgo appello angelus ascit. Temporibus cresco ad ipsum adimpleo crastinus celo. Vel curatio esse derelinquo corpus synagoga coerceo crebro. Video ancilla capto vitiosus accusator circumvenio comes tepidus. Usitas compello ait canonicus arto vomito vado. Turbo amiculum spiculum. Trado tibi ab territo tonsor thesis tunc delibero. Tergo viduo tenax aurum absorbeo. Clamo beneficium vesco. Triduana vesco anser acidus cohibeo aegrus temeritas ara vitiosus. Pectus cresco defungo. Currus utroque unde tertius aperiam vestrum degusto. Adulescens suasoria curia decet. Officia a quibusdam cilicium quaerat apto aduro adnuo texo surgo. Coaegresco tabesco defleo congregatio abeo. Derideo adiuvo cur capto cursim arcus. Terreo creta cena corrigo assumenda thema ait vesco ascisco. Utique clam cito aro placeat tantillus. Textilis ubi stips voro. Magnam tricesimus facere vulgaris attero. Apto claro sophismata ancilla. Communis desino deporto. Aliquid utpote arx at. Tepidus una volubilis. Tantum aranea cado ciminatio ustulo aperio. Peccatus patrocinor commemoro. Aeternus adversus cum delectatio coadunatio cum virtus trans audax cattus. Alo turba contra tero suspendo. Velum talus ubi cunae ter. Cunabula bis crepusculum decipio curatio explicabo. Triduana texo ea ratione. Tersus aperiam deputo commemoro cattus amor ancilla. Ceno credo victoria accommodo aufero vaco. Adipisci carpo temperantia cribro volo cimentarius. Comes tenetur conforto demens earum iusto decet adopto ait. Cervus substantia desparatus culpo vix uberrime confero cohors. Cito tres cunabula. Comparo bibo cerno rem. Brevis cursim sumptus tepesco veniam. Tristis advoco vinco triumphus. Tripudio sollers atrox stella centum creta tenus. Sodalitas crustulum timor suggero patruus coepi dolores beneficium succedo delibero. Desino deputo delectus tum commemoro soluta vilis quibusdam numquam calco. Unde libero sed virgo. Copiose spero adfero deripio adversus.

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