44 lines
926 B
SCSS
44 lines
926 B
SCSS
|
.#{$ns}Divider {
|
||
|
|
margin: var(--Divider-marginTop) var(--Divider-marginRight)
|
||
|
|
var(--Divider-marginBottom) var(--Divider-marginLeft);
|
||
|
|
font-size: 0;
|
||
|
|
|
||
|
|
&--dashed {
|
||
|
|
border-bottom-style: dashed;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--horizontal.#{$ns}Divider--solid {
|
||
|
|
border-bottom-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--horizontal.#{$ns}Divider--dashed {
|
||
|
|
border-bottom-style: dashed;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--vertical.#{$ns}Divider--solid {
|
||
|
|
border-left-style: solid;
|
||
|
|
}
|
||
|
|
&--vertical.#{$ns}Divider--dashed {
|
||
|
|
border-left-style: dashed;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--horizontal {
|
||
|
|
border-bottom: var(--Divider-width) var(--Divider-style)
|
||
|
|
var(--Divider-color);
|
||
|
|
height: px2rem(2px);
|
||
|
|
}
|
||
|
|
|
||
|
|
&--vertical {
|
||
|
|
border-left: var(--Divider-width) var(--Divider-style) var(--Divider-color);
|
||
|
|
height: var(--sizes-base-15);
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 移动端样式调整 */
|
||
|
|
@include media-breakpoint-down(sm) {
|
||
|
|
.#{$ns}Divider {
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
}
|
||
|
|
}
|