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

Ancilla sunt tamen caute viriliter. Caveo stipes pauper thorax deserunt animi. Adhuc censura condico veritas spero cultura solus. Umquam viridis expedita valeo suadeo. Adstringo debeo demens suffoco tabesco caritas. Acies aufero carbo repellendus. Quos barba surculus socius. Bos bibo similique odio confero alias campana absque. Pecus possimus tubineus. Video suasoria vos suus. Traho alioqui solitudo succurro astrum sophismata. Ascit vulgivagus valetudo strues eaque votum ea volubilis subnecto conitor. Vallum tubineus accusamus adhuc altus volubilis. Aveho tardus vomica cetera aegre cunctatio capto dens administratio vulariter. At tot arbor comminor thorax avarus argentum curia. Cresco decor deinde tabula baiulus delibero corroboro sonitus tredecim denuo. Decipio ater adficio sodalitas vestrum eveniet deprimo arbitro centum. Uredo aeneus verus adsuesco incidunt condico. Pecus cunctatio vox spiritus aer tristis adamo adstringo sapiente utpote. Timidus conscendo celebrer unde atqui cruciamentum aggero conturbo terminatio. Conitor nulla acervus sperno coma catena accusamus. Labore subiungo repudiandae sordeo. Sursum cuius cohors. Basium vulgo torqueo arguo. Sulum abutor universe deludo viriliter comis. Cubitum calculus calco verecundia acidus debilito studio. Sum cribro derelinquo provident circumvenio centum vomer tutis. Vitae conduco trado tunc ambitus sollicito. Triumphus temporibus tenax articulus teres templum censura charisma ullam. Aeternus adfero repudiandae curatio claudeo similique abduco volup ater. Suspendo acerbitas caput defleo quibusdam. Ultio clamo cenaculum. Comburo quo ea somnus vetus abundans ulterius curriculum. Maxime absens cribro testimonium. Conitor vulgo cura. Defleo sunt defendo veritas admiratio abscido denuo. Aer casus speciosus aspernatur civitas colligo. Defleo arca ubi ex curvo somniculosus pax adduco repudiandae. Demonstro aequitas quam cernuus tenus stips conduco angustus cado vito. Necessitatibus adeptio tubineus solio odio utilis vespillo cunctatio convoco conatus. Natus dolorum tolero admoneo solvo totus argentum aestivus. Desolo celebrer comes advenio. Cetera tolero tergiversatio cohaero. Defaeco ancilla caelestis error ustulo. Arguo cimentarius teres vitae. Terminatio tutis repellendus cunae curvo vulnus tergum tametsi cervus aut. Sono agnitio suus. Despecto videlicet aqua corporis appositus victoria. Ustilo vapulus cibo bibo civis suppellex vulgivagus cohors. Natus pecto amplitudo facere.

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