mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-02 15:27:18 +00:00
120 lines
2.7 KiB
SCSS
120 lines
2.7 KiB
SCSS
@mixin next-button-size-rtl(
|
|
$padding,
|
|
$icon-margin,
|
|
$icon-size,
|
|
$corner
|
|
) {
|
|
border-radius: $corner;
|
|
& > #{$btn-prefix}-icon#{$btn-icon-prefix}-first {
|
|
@include icon-size($icon-size, $icon-margin, 0);
|
|
}
|
|
& > #{$btn-prefix}-icon#{$btn-icon-prefix}-last {
|
|
@include icon-size($icon-size, 0, $icon-margin);
|
|
}
|
|
|
|
&#{$btn-prefix}-loading {
|
|
padding-left: $padding;
|
|
padding-right: $padding + $icon-size + $icon-margin;
|
|
|
|
&:after {
|
|
right: $padding;
|
|
top: 50%;
|
|
margin-right: 0;
|
|
margin-left: $icon-margin;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 组合 */
|
|
/* ---------------------------------------- */
|
|
#{$btn-prefix}-group[dir="rtl"] {
|
|
> #{$btn-prefix} {
|
|
float: right;
|
|
}
|
|
|
|
#{$btn-prefix}#{$btn-prefix} {
|
|
margin: 0 -1px 0 0;
|
|
}
|
|
|
|
> #{$btn-prefix}:first-child:not(:last-child) {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
> #{$btn-prefix}:last-child:not(:first-child) {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
> #{$btn-prefix}-primary:not(:first-child) {
|
|
border-right-color: transparentize($color-white, .8);
|
|
|
|
&:hover {
|
|
border-right-color: transparent;
|
|
}
|
|
&.disabled,
|
|
&[disabled] {
|
|
border-right-color: $color-line1-1;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* 尺寸维度 */
|
|
/* ---------------------------------------- */
|
|
#{$btn-prefix}.#{$css-prefix} {
|
|
&small[dir="rtl"] {
|
|
@include next-button-size-rtl(
|
|
$btn-size-s-padding,
|
|
$btn-size-s-icon-margin,
|
|
$btn-size-s-icon-size,
|
|
$btn-size-s-corner
|
|
);
|
|
}
|
|
&medium[dir="rtl"] {
|
|
@include next-button-size-rtl(
|
|
$btn-size-m-padding,
|
|
$btn-size-m-icon-margin,
|
|
$btn-size-m-icon-size,
|
|
$btn-size-m-corner
|
|
);
|
|
}
|
|
&large[dir="rtl"] {
|
|
@include next-button-size-rtl(
|
|
$btn-size-l-padding,
|
|
$btn-size-l-icon-margin,
|
|
$btn-size-l-icon-size,
|
|
$btn-size-l-corner
|
|
);
|
|
}
|
|
}
|
|
|
|
/* 文本按钮 */
|
|
#{$btn-prefix}-text[dir="rtl"] {
|
|
&.#{$css-prefix}large {
|
|
@include next-button-size-rtl(
|
|
0,
|
|
$btn-text-icon-l-margin,
|
|
$btn-size-l-icon-size,
|
|
0
|
|
);
|
|
}
|
|
&.#{$css-prefix}medium {
|
|
@include next-button-size-rtl(
|
|
0,
|
|
$btn-text-icon-m-margin,
|
|
$btn-size-m-icon-size,
|
|
0
|
|
);
|
|
}
|
|
&.#{$css-prefix}small {
|
|
@include next-button-size-rtl(
|
|
0,
|
|
$btn-text-icon-s-margin,
|
|
$btn-size-s-icon-size,
|
|
0
|
|
);
|
|
}
|
|
}
|
|
|