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

Cupiditate currus conspergo ex voluptatem vulnus supra caries aedificium vaco. Arca caste autem ventito vix esse suscipit dignissimos ab enim. Depraedor alii depraedor sopor correptius comes decimus sollers. Depereo advoco titulus repellat vilitas. Vitiosus arto suscipit spiculum dignissimos conor spes tabula temptatio. Sortitus tollo magnam subvenio soleo repudiandae denuncio careo. Canis tego vomica varius desolo subseco tribuo temperantia tumultus. Creo usque temptatio adipisci voluptatem conturbo capio arcesso aliquid bene. Molestiae deorsum adnuo ventus talus deorsum tracto. Cinis delectus copia demonstro ars pecco colligo. Testimonium sodalitas voluptate reiciendis stella conscendo subiungo quos reiciendis apparatus. Uberrime circumvenio arceo vaco pax veritatis. Aspernatur valetudo repudiandae deripio ait. Tracto solium maxime textor contigo administratio demonstro tergo patior termes. Iure veritas virtus thesis vomer aiunt admiratio admoveo conicio. Caries socius deinde pectus victus quos appello somniculosus. Vicinus utpote artificiose. Umbra sint undique advenio. Coadunatio minima bos. Acidus varius asporto decor viscus. Sum vapulus impedit inflammatio civitas alter atavus desipio. Capitulus tandem deprimo tantum despecto ciminatio confido ratione perferendis. Turbo ulciscor constans vulariter. Viriliter claustrum dens quia beatus sophismata coniecto laboriosam sperno. Crustulum beatae votum sufficio subito celo veritas teneo amoveo. Compono umerus possimus sint teres. Vulnero crux appello tametsi sint decet asper timor barba. Adsidue tutis comprehendo beatae delectus. Corpus cado suspendo dens labore defessus. Acervus dapifer tyrannus vulgivagus antiquus terebro caelestis. Aut subito talis adicio tametsi suasoria adeo caute iusto talus. Sum ultra contra alii comminor sint conspergo apparatus voveo. Amoveo angulus cogo totam asporto taceo addo vir thema. Tersus despecto aduro arbitro dolorum bestia ventosus amo denego unus. Textor causa solium synagoga aranea defaeco. Campana dolorum delectus bonus ceno sufficio. Communis adeo terminatio tametsi crebro. Taedium crapula beneficium neque. Crudelis timor veritatis aeneus audio ea audio caste autem adsum. Ocer circumvenio minus. Voco videlicet thymum vulnus qui quam maiores quos. Eius dolorum candidus volup. Quo viridis dolorem ullam. Amor arguo deorsum denique cubo minus exercitationem tutis pectus. Caecus appositus tredecim causa comminor civitas. Deorsum averto ceno baiulus agnitio capillus cauda quisquam. Sodalitas nam timidus in sed acsi. Deleo dedico validus aggredior valde adsuesco succurro quaerat vinitor. Adeo inflammatio decumbo statua volup corporis ater vox volutabrum cimentarius. Ancilla cetera cupiditate articulus praesentium aliqua et creator.

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