tdesign-mobile-vue
Version:
tdesign-mobile-vue
21 lines (17 loc) • 1.05 kB
text/less
// dot & dots-bar
@swiper-nav-dot-color: var(--td-swiper-nav-dot-color, @font-white-2);
@swiper-nav-dot-active-color: var(--td-swiper-nav-dot-active-color, @font-white-1);
@swiper-nav-dot-size: var(--td-swiper-nav-dot-size, 6px);
@swiper-nav-dots-bar-active-width: var(--td-swiper-nav-dots-bar-active-width, 20px);
@swiper-nav-outside-bg: var(--td-swiper-nav-outside-bg, @gray-color-3);
@swiper-nav-outside-bg-active: var(--td-swiper-nav-outside-bg-active, @brand-color);
// fraction
@swiper-nav-fraction-color: var(--td-swiper-nav-fraction-color, @font-white-1);
@swiper-nav-fraction-bg-color: var(--td-swiper-nav-fraction-bg-color, @font-gray-3);
@swiper-nav-fraction-height: var(--td-swiper-nav-fraction-height, 24px);
@swiper-nav-fraction-font: var(--td-swiper-nav-fraction-font, @font-body-small);
// button
@swiper-nav-btn-color: var(--td-swiper-nav-btn-color, @font-white-1);
@swiper-nav-btn-bg-color: var(--td-swiper-nav-btn-bg-color, @font-gray-3);
@swiper-nav-btn-size: var(--td-swiper-nav-btn-size, 24px);
@swiper-nav-spacer: 12px;