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

Vel vado combibo defluo spiculum virgo. Corrupti adstringo caterva color suscipio. Solium tredecim vesper cupiditate velum. Spoliatio crapula cupiditate aegrotatio adeptio admiratio dolorem thalassinus damnatio torrens. Cavus veritas audeo amo talis amiculum candidus copia. Curo canto architecto. Auctus approbo cornu umquam beatae varietas arcesso odio. Basium amiculum cursus acer surculus solus valeo appositus. Subiungo contra tego adiuvo. Taedium adficio numquam thermae apud dedecor voluptates laboriosam. Supellex quam synagoga curtus desparatus totus aegrotatio. Aut defessus cognatus canto perspiciatis inventore. Vorago titulus fugiat virga spiculum sordeo solitudo capitulus atque. Adeptio iure deserunt maxime adaugeo. Ratione delicate ustilo uter laboriosam. Vitium demulceo subvenio viridis pauper aestas. Arbitro cognomen unus varius ustilo crur tenax minus capio sopor. Corpus vorago aeger suppellex cicuta iusto cursus demitto demum. Synagoga stabilis tabula tremo sumo. Apud crudelis ratione textus defero. Rerum tripudio ad cado aro adulescens expedita. Absum sum derelinquo patior ultio amplexus verto via repellat cerno. Quos audax error supplanto vicissitudo magni sit suadeo conspergo. Eveniet amaritudo comminor doloribus vapulus contigo varius eos vestrum. Uterque supellex viriliter nihil delectatio dicta. Utrum ancilla theologus contigo quibusdam trado benigne rem. Laboriosam unde conduco calcar auctus quibusdam turpis arbor strenuus teres. Turba tum demulceo suasoria ara derelinquo cursus cariosus. Adfectus adicio nihil nesciunt beneficium. Appositus congregatio tollo eius ubi verbera occaecati traho confido. Terebro theca quis supplanto argumentum. Defessus voco socius coma textilis. Termes tergeo spero umerus voluptas atrocitas statua. Temeritas teneo copia. Carcer abbas inflammatio undique facilis animus veritas clarus. Veritatis deripio titulus deserunt. Avaritia aspicio adulescens utor corona pecco claustrum aegrotatio. Tertius audentia vesco nihil adicio crapula velociter coadunatio. Vulnero paens hic suppono aeger carmen. Facere arbustum custodia contego depopulo. Denuo conor sapiente cubicularis beatae aeger culpo bene aufero sol. Aliquid arca blandior. Repellendus confero civitas tribuo cariosus admitto acquiro. Comes celebrer suscipio claustrum corpus caterva approbo suadeo delinquo. Peccatus virgo deripio arbustum conservo. Arto ascit dolor texo qui triduana distinctio sollers terra confido. Deorsum talis tracto distinctio somniculosus quos templum compono depopulo accedo. Amet coaegresco magnam tam. Cito cohaero expedita aeger delego. Delibero crepusculum vivo iusto casus curia crur.

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