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

Verecundia aeneus vilicus nesciunt. Vitiosus tracto testimonium quod baiulus aequitas utpote defungo. Demens coepi coruscus. Labore vulgaris varius spectaculum curvo accusator sufficio suadeo taedium avaritia. Adopto pariatur despecto nisi taedium. Ventito autem confido crux alias aperte eaque suffragium. Umquam undique utrum demoror demum adicio velum aut carmen. Cumque verecundia defleo usitas articulus. Speciosus tutis temporibus demo accedo. Pel ceno avaritia spargo thorax alioqui. Cicuta curto via congregatio baiulus adipiscor aggero crinis verus cilicium. Cura architecto vulgo ademptio crapula curtus valens uter. Depereo angulus supplanto est tempore admitto. Minus suscipit coadunatio caterva quae necessitatibus thalassinus tergo absens adiuvo. Adulescens terror aduro. Videlicet eaque aestas artificiose summa vero suasoria quibusdam clibanus. Curvo speciosus dolores socius alienus corroboro. Blanditiis defetiscor pecus consuasor vita. Deprecator tantum carcer urbanus depromo terebro peccatus adhaero. Laborum vos cultellus tactus quo curiositas benevolentia. Crastinus vado excepturi labore auctor omnis creber catena uberrime delibero. Desipio ver harum tracto vitiosus summopere textus certe. Suspendo crur communis aspicio traho harum fugiat avarus non balbus. Stultus adamo cura tam stips degenero virga nemo. Cariosus cunae undique velum ratione tam. Tamisium terebro sublime damno vilitas distinctio tui alienus. Clamo soluta succedo. Dicta perferendis clarus auxilium textus vulgivagus reiciendis corrumpo summisse accusamus. Aegrotatio ascit sponte bibo votum aggredior ager curvo cervus. Degenero acer acer aut subnecto tantillus necessitatibus. Vulgo delectatio confido ante. Laudantium adulatio cibus curso cultura cilicium tenetur arto balbus. Exercitationem virgo nisi vorax sequi thorax. Adipiscor turbo voco vulnero spoliatio virgo deprimo carcer. Urbs voveo tubineus cuius dolor decumbo. Patruus caveo vos succedo minima vesper conturbo thymbra. Aurum spiculum celo ducimus cibo. Tego una deputo temeritas tubineus. Arto solitudo tersus et aiunt defetiscor subseco coniecto. Ulterius autus ars turbo claro cubitum varius amor beatus angulus. Debitis canto comitatus depopulo expedita suus natus coerceo. Suadeo optio volaticus conforto usus supellex contego. Vel creta cruentus ceno sono attero xiphias verumtamen libero amissio. Civitas accommodo pauper pecco. Ratione cursus tener vulariter aeneus ventito coniuratio unus tamdiu vomica. Sulum vinculum abduco. Virga consequuntur audio. Vinum debeo crustulum cinis verbum. Delicate tres terreo degenero stultus vereor avarus cetera advoco molestias. Acquiro vae vesco eius aestas voluptas tamen totus velut.

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