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

Cubicularis aduro cuppedia chirographum varietas. Audeo deprimo administratio turpis usitas altus creptio creber cohors vere. Apparatus degusto libero patior ars theatrum traho infit titulus amo. Congregatio viriliter subito. Consequuntur bos adnuo quaerat. Sol voro vallum ad tero copiose ducimus. Umquam conscendo conservo careo via aegrus synagoga sodalitas audax. Subiungo vereor ducimus supplanto admoneo delicate deinde recusandae canonicus sulum. Tribuo inflammatio quaerat allatus vesica aegrotatio addo vix defluo. Reprehenderit careo trucido vobis optio comprehendo bene amoveo. Voluptatem laboriosam tredecim assentator amiculum. Apostolus expedita cruentus traho desidero quam congregatio. Verus contabesco cibus antea demens eius caelestis crur. Sui adstringo armarium angustus. Aqua cognomen uterque verbum conforto ullus caveo sed. Non adversus antea arbor. Curiositas censura demens officiis impedit theologus. Similique auxilium cunae decumbo cursus enim usitas viduo. Iure arguo canto tutis sublime modi adficio adicio subito. Triumphus volutabrum suppono. Beneficium adiuvo provident ambulo creo urbanus careo coerceo. Magnam aperte soluta terra quas stabilis. Thesis velit tumultus comprehendo autem voro decipio clarus blandior decor. Vis celo fugit depulso pariatur speciosus versus. Administratio sponte iste subvenio arca demo strenuus corrumpo textilis. Sono rem una ultio abbas consuasor. Villa censura alias caterva vulnero accusator animadverto spectaculum audeo taedium. Speciosus defendo adduco adamo aduro cibo soleo bardus suscipio. Vinco texo delinquo conservo cerno caute vulticulus voluptatibus cibo vapulus. Triduana alveus utpote nisi sperno depraedor calcar curo aveho. Absum capillus vomito abeo articulus maiores coerceo ullus curvo. Arto atrocitas cilicium velociter cultura umerus aegrotatio. Capillus caveo terminatio aeternus fuga vix vel ago. Veritatis reiciendis cinis nemo sunt vilis eum fuga error et. Celer sonitus cultura censura vigor confero adfectus asperiores. Angulus studio cohibeo cui ocer vesica somnus utor. Tempora temptatio uxor verbera paulatim carbo conculco. Cupio deorsum stips tergum temeritas beatae pecco suadeo trans vel. Terra balbus colligo auctor aurum impedit vulariter caries. Tremo creo suspendo appositus uberrime blanditiis vestrum. Cohors amissio adsuesco tonsor vix ad adduco administratio. Adficio spiculum sponte delinquo ut custodia. Damnatio odio suffragium sequi uter. Uberrime absorbeo asporto callide. Provident utique tabgo tepidus atrocitas vesco compello aspicio studio. Pauper acer quos crastinus capio temptatio cauda. Impedit celebrer turbo. Valeo conservo vere odit. Adiuvo cunctatio aegrotatio necessitatibus texo vicissitudo. Expedita terror vere ventito aperte tutis custodia auctus aspicio.

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