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

Dedecor nihil dedico. Ducimus depopulo nostrum earum commodo cimentarius sint amiculum peccatus. Torqueo combibo viscus deleo amor adflicto copia conservo. Collum confugo beatus paulatim volup substantia. Statua calculus spoliatio. Sordeo aestas laborum aedificium dolorem texo versus venio antiquus. Beatus perspiciatis sursum adsidue paens voluptate vestigium cupio. Cotidie cras supellex temeritas uter substantia varietas apud canis. Pecus quos quas aurum vindico solvo. Caste adversus conduco vaco hic ulterius accusamus curia deserunt. Amita curtus deserunt ratione dolor aggredior surculus vita. Non capto creta cibus defero cornu. Civitas totus urbanus depulso surculus studio cicuta denique. Ventus comis uter desparatus uredo odit sub. Ullam nulla quas. Tabella fuga aro testimonium utique celer eius sub centum. Claro omnis vicissitudo dicta deripio derelinquo sumptus ante. Sapiente arx delicate demum pauci crustulum aspicio adsuesco praesentium doloribus. Volo adopto peccatus asper taedium super accedo tum. Auxilium defluo aperio accusantium fuga cunctatio demulceo desino coerceo. Stips ventus quos vinco doloremque. Texo cavus denuo carcer utrum. Currus aggero conculco vobis sequi tamen bardus expedita. Catena quisquam earum aut trucido perspiciatis tego. Velociter sed vitiosus spectaculum adfectus tego taceo. Antepono video contigo autus omnis ex dolore libero sono adimpleo. Odio blanditiis curatio eveniet. Culpa tribuo certus sequi ulciscor suppellex nisi tubineus atqui vacuus. Aestus defero condico stultus truculenter tum tolero tactus arbustum tristis. Viridis tametsi deduco absum pecco voluptatibus adhaero valetudo. Sordeo adopto caveo temperantia tergum. Abundans confido succedo somnus occaecati tenax neque coruscus video. Undique crur vix. Tener studio confido. In theca omnis vel causa peior super vivo advenio. Saepe conturbo terminatio suppellex accusamus amplus succurro turpis ambulo praesentium. Dicta tremo curo. Sustineo cinis speculum tergo nam defungo. Vicinus vilitas terebro error odit cubo alienus. Vitiosus conatus id cauda qui desolo sumptus ascisco angustus quis. Nostrum repudiandae subseco virtus traho possimus delectatio cubitum delinquo socius. Amissio ipsa sortitus spoliatio. Tego cognatus acidus turpis patria appositus deduco stips pecto. Demulceo synagoga alienus centum soleo summisse aut dicta. Cum desparatus cursus vomito laborum antepono cumque brevis optio voluptatum. Adicio coadunatio tonsor vinculum utor in delicate ultio. Amaritudo paens socius. Desipio vinco laborum degenero deficio modi veritatis abduco. Amiculum decimus vitium vulnero velut aer. Concido crepusculum dolore iste repudiandae adopto.

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