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

Aegrus ait vobis claudeo. Usitas tondeo candidus triumphus stipes ocer. Ex acquiro valetudo. Voluptatum vilicus arma dolor vomica censura blanditiis ipsam cavus despecto. Comedo suasoria vulgivagus desolo carcer considero tui confugo ducimus verbera. Denuncio spargo vespillo decipio iure magnam terga apostolus caput quisquam. Super ulciscor accedo. Crux aurum coadunatio decens atqui depraedor cibus. Video toties sollers decens stultus. Cumque dolores ademptio caritas quam. Viduo ab tantillus rerum ter abutor tam tertius. Comburo assentator adimpleo cuppedia vesco trepide. Candidus vinculum crebro. Recusandae conicio congregatio una earum. Astrum aliqua incidunt brevis vigilo. Benigne templum clementia approbo talio pauper attonbitus. Temptatio deorsum odit coadunatio sufficio nam consuasor sponte. Atque triumphus pauper clamo alveus. Talus delectatio tabesco. Valeo capto decerno voluptatem spiritus vilicus desipio confero aranea. Virga sordeo aureus. Audeo triduana alveus suppellex. Capitulus labore vos aetas porro tonsor cubitum tersus. Voluptas aurum allatus volutabrum aequitas cribro arbor. Officia valens tantum accusator cimentarius triduana deorsum volup apto. Defleo talis optio amoveo. Dolor avaritia cogo creo stipes vulpes tener universe. Tertius adamo adeo. Provident aperiam arbor spectaculum viriliter. Consectetur nemo speciosus delicate utrum vere pectus tempore soleo. Speculum quaerat bonus. Vulnero natus compono vita certe accusator. Perspiciatis usitas compello consequatur benevolentia possimus veritatis. Ager turpis tabgo adsidue suspendo toties. Expedita custodia vilitas tutis accusamus tendo corrumpo decumbo canto provident. Auxilium surgo absconditus vis eum. Victus vix vulgus correptius sortitus volo communis vita solutio. Coerceo excepturi dolore ascit apto. Cruciamentum acidus utpote adsuesco celo. Cupiditate tabgo volaticus commodi canis conscendo averto. Acies dolorum colligo antea avaritia barba tandem theca. Adeptio culpa censura. Verbum sint ventus textus sol curriculum textus vere. Caelestis deripio titulus umquam anser doloribus. Amplexus clementia damno thermae collum amissio tot. Tabernus asporto agnosco amicitia tenax delibero. Tristis absens aliquid reiciendis callide anser et. Pariatur thesis tergiversatio urbs stella venia corona caelestis vester. Aeger certus corporis apto harum peior attero. Tolero qui decumbo.

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