@theojs/lumen
Version:
专为 VitePress 打造的主题美化与 Vue 扩展组件库
34 lines (29 loc) • 1.17 kB
CSS
/**
* Component: Button
* -------------------------------------------------------------------------- */
:root {
--vp-button-brand-border: var(--c-yellow-1);
--vp-button-brand-text: var(--c-black);
--vp-button-brand-bg: var(--c-yellow-1);
--vp-button-brand-hover-border: var(--c-yellow-2);
--vp-button-brand-hover-text: var(--c-black-darker);
--vp-button-brand-hover-bg: var(--c-yellow-2);
--vp-button-brand-active-border: var(--c-yellow-soft);
--vp-button-brand-active-text: var(--c-black-darker);
--vp-button-brand-active-bg: var(--vp-button-brand-bg);
--vp-button-sponsor-border: var(--vp-c-sponsor);
--vp-button-sponsor-text: var(--c-white-dark);
--vp-button-sponsor-bg: var(--vp-c-sponsor);
--vp-button-sponsor-hover-border: var(--vp-c-sponsor);
--vp-button-sponsor-hover-text: var(--c-white-dark);
--vp-button-sponsor-hover-bg: var(--vp-c-sponsor);
--vp-button-sponsor-active-border: var(--vp-c-sponsor);
--vp-button-sponsor-active-text: var(--c-black-dark);
--vp-button-sponsor-active-bg: var(--vp-c-sponsor);
}
.VPButton.medium {
border-radius: 12px ;
}
.VPButton.big {
border-radius: 12px ;
}