acud/lib/style/themes/default/components/carousel.less

acg react 组件库

@import '../config.less';

// 走马灯Carousel
@carousel-width: 480*@P;
@carousel-height: 110*@P;
@carousel-background: @G11;
@carousel-content-width: 295*@P;

// 指示器距离边框距离
@carousel-indicator-left-gap: 15.5*@P;
@carousel-indicator-right-gap: 15.5*@P;
@carousel-indicator-bottom-gap: 15.5*@P;
@carousel-indicator-top-gap: 15.5*@P;

// 指示器样式
@carousel-indicator-dot-width: 10*@P;
@carousel-indicator-dot-height: @P;
@carousel-indicator-dot-margin: 3*@P;
@carousel-indicator-bg-color: fade(@G11, 50%);
@carousel-indicator-active-bg-color: @G11;

// 数字指示器
@carousel-indicator-number-width: 12*@P;
@carousel-indicator-number-height: 6*@P;
@carousel-indicator-number-bg-color: fade(@G1, 50%);
@carousel-indicator-number-font-size: @T2;
@carousel-indicator-number-font-color: @G11;

// 切换按钮尺寸&位置
@carousel-switch-margin: 74.5*@P;
@carousel-switch-size: 12*@P;
@carousel-switch-shadow: @shadow-1;
@carousel-switch-bg-color: fade(@G11, 85%);
@carousel-switch-icon-size: 4*@P;
@carousel-switch-icon-color: @G5;