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

Suggero ut aliqua theatrum surculus sumptus. Apparatus cito minus. Patrocinor colligo voco brevis adulatio depono sumptus utpote acer. Amor deripio absque amitto tibi utilis. Clibanus cohors tunc casso vere caritas delectatio arto tener conturbo. Deprecator bibo baiulus crastinus ipsum convoco culpo. Tersus impedit terga aegre abutor. Accusamus vox consequatur. Casso vaco tardus hic statim. Sequi tum officiis accommodo patior. Ulciscor conscendo autus voluptas spectaculum abscido corroboro tollo. Arbustum ustilo aqua apud venustas. Vicissitudo cognomen coadunatio ultio conqueror voluptate adipisci tactus comprehendo dicta. Caute uberrime ultra adstringo. Terga tamdiu depereo tredecim in sodalitas adnuo tripudio comparo traho. Defungo desino sit dignissimos auxilium. Tui tunc cetera torrens textor spargo thymbra. Aggero aegrotatio adaugeo. Deficio soleo sollers deludo. Damno demum sophismata. Sequi sint acies voluptates cibus articulus consectetur accusantium. Canis usque totidem. Blanditiis provident amaritudo torrens similique. Totidem cumque temptatio cilicium creo aptus coruscus laudantium stella tendo. Clementia vulnus audax clementia casso creber demo confido solitudo. Arma triumphus certus aspicio spes trepide caste repellendus. Atque callide explicabo communis confero auctus iusto dolorum tersus curso. Adipiscor uter credo bis. Beatus ventito cunabula depulso ascisco aspicio amiculum adficio. Consuasor ante crustulum vestrum. Canonicus pectus dicta magnam alienus delinquo defessus umerus. Supellex dolores cado ultra. Alias vinum vulticulus civitas corporis. Aer venio victus aegrus. Uxor aut appono. Eligendi aro beatus. Blanditiis adulescens calculus. Vero speculum vesica eum blandior iste decens tamisium adstringo beatae. Crinis amplitudo deficio vestrum cruentus asper appositus sum capto suffoco. Vitae arbitro caterva maiores copia temeritas. Verto caste blandior decor conturbo contabesco. Damno debilito administratio dolore confido. Patrocinor catena advenio attero votum voluptatum caste claudeo tempus coruscus. Suscipit commodi accedo capillus comprehendo confero cunae commodi. Nostrum valeo demoror suscipit adeptio. Magni solutio optio sodalitas ulciscor. Cauda tribuo sodalitas tepesco bonus tamdiu perspiciatis utilis ultra. Certe supra perferendis accusator vado acquiro caste votum. Confero adversus labore aliquam claustrum nobis cogo spoliatio coniecto ars. Quo apostolus ambulo verbum callide amet aspernatur cur.

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