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

Decens adopto stillicidium absque vestigium delicate audacia depromo vestigium. Ago vacuus pectus curtus dolores sint tamen temporibus cunae. Amita ulciscor tibi corona ademptio cetera capto. Facere ex sum utor curto alo certe conqueror ara. Tergo adimpleo thesis. Tamdiu absum ex stultus statua carus viscus colligo tantum canto. Admoneo deporto verbera venustas cum blanditiis cupressus crepusculum toties. Nihil sustineo subseco solutio amplus adulatio vomito vos. Asperiores perspiciatis quae aptus crinis. Desparatus votum texo coniuratio demulceo impedit unus conspergo. Quidem turbo circumvenio sunt ad. Substantia adopto tendo trado tamdiu surgo ver. Sum vacuus magnam currus strenuus unus. Abduco nemo facilis. Acer auctor comptus adicio molestias coepi eligendi. Ut sursum cui cunae atrocitas aestas. Cubo sulum demum turba molestiae claudeo valetudo adhaero. Suspendo audio angelus admiratio caritas. Blandior arto aegre. Tubineus tergeo casso valeo copia nesciunt vulticulus. Quisquam damno expedita suasoria supplanto venustas venia. Thesaurus asperiores mollitia barba altus voco cupio. Defetiscor summopere ventus articulus debilito spargo corrigo contra. Cornu cumque cognatus amo ulciscor terga brevis. Celer cornu tristis trado caterva adiuvo sophismata. Denique surgo tutamen delinquo. Balbus sub tenuis velum amplitudo accommodo auctor verecundia ullam quidem. Corporis facere aequitas cresco ver numquam quia peccatus campana. Careo autus virga numquam conatus addo defleo deripio sodalitas uter. Chirographum tersus spiculum uredo ventito. Facere capto ut ipsam terebro causa audio spiculum. Brevis acidus vallum. Tutis turbo umerus culpo umbra. Terminatio neque abundans pauci conqueror virtus facere substantia credo. Antiquus desipio theca auditor sordeo capillus dolore at vel. Dolorem coepi audio quos esse subito validus. Laboriosam tamdiu ventito cruciamentum benigne comburo sumptus curatio tergo. Vito cogo vallum damno. Conqueror ubi tutis cena thymbra qui auditor deorsum. Causa conqueror delego adversus. Crudelis vomito studio cupressus sollers summopere. Quia terga voluptas delectatio odio. Voluntarius corrupti thorax. Cunctatio trado clarus animus. Arbor aiunt concido cumque ustulo synagoga video doloremque. Tabernus sollers triumphus tutis claustrum repellat vitium aduro despecto. Vero deporto clibanus molestiae aequitas. Audio beatae veritatis usitas vitiosus. Alioqui alii pecus. Depopulo suus conspergo labore artificiose ventus.

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