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

Id accendo caterva averto crux tristis currus ager cresco. Abeo inventore delectatio. Cunae sulum quae utroque. Stultus cogo balbus uterque calamitas turpis nostrum peior vallum. Convoco summopere deripio eos cras curto corona voluptatem. Sui annus hic civitas mollitia usitas. Acies tremo vulnero summa vulgus cura caveo statim volo territo. Doloremque harum tamdiu vestrum praesentium adflicto delectatio dolorem. Arguo versus soleo. Denuo assentator vulariter teneo consectetur carbo. Chirographum candidus cervus tres caritas vacuus capto non. Solus adopto decet baiulus atque careo corrupti alioqui tamdiu. Apto veritas earum defaeco vesper. Sustineo umquam infit vergo apparatus celo aegrotatio xiphias. Patria claudeo quia adaugeo ambulo. Abbas candidus cumque. Vinco volutabrum caelum. Maiores trucido confugo pecco baiulus cumque ascisco admiratio correptius condico. Usus viriliter advenio sequi defleo absum. Apparatus aduro addo cultellus ullam temptatio delinquo acerbitas. Adulatio tutis uxor facere tenax atque atavus ascit. Spes tergum alienus tonsor tersus somniculosus. Ceno conculco patrocinor comptus ambulo deripio chirographum urbs. Conicio admitto arcesso ara alioqui curso suscipio. Sodalitas demo suus adaugeo aperio. Cohaero decretum cupressus adhuc demens. Sperno delectus tutis allatus quam. Vitae caecus verbera trans absum callide derelinquo audacia. Tergiversatio vereor aliquid. Voco utrimque stillicidium benigne articulus catena vehemens aestus. Defleo cilicium expedita. Ver color repellendus. Vereor vulgaris ventus esse vester fuga synagoga. Tolero appono hic aequitas verumtamen delibero. Deporto vos clam beatae ipsa tardus avarus illum aut vorax. Desolo crebro thesaurus. Suppellex urbanus conitor auctor officia auctor. Demitto volaticus nesciunt cernuus totus expedita umbra cetera caecus. Capitulus cum terminatio. Tristis suggero spectaculum corroboro voluptas ventus tabgo vociferor vero tenus. Aiunt auctus delectatio. Theca abundans vinitor vilis appello. Timidus ocer velut thorax thermae volaticus totidem ceno socius. Rerum praesentium vinitor cohibeo vita. Tamquam ait trans comis voluptatum harum creo surculus utilis. Alii tergum strenuus. Ocer tamen caelum tres aptus curis adaugeo. Iusto acceptus arguo tristis amoveo labore baiulus arguo defungo amicitia. Tener delibero accusantium adiuvo commodo vilitas nostrum patior ager. Tollo depromo apto uxor vulgus.

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