31 lines
825 B
SCSS
31 lines
825 B
SCSS
|
@use '../core/tokens/token-utils';
|
||
|
|
@use '../core/tokens/m2/mat/divider' as tokens-mat-divider;
|
||
|
|
|
||
|
|
$inset-margin: 80px;
|
||
|
|
|
||
|
|
.mat-divider {
|
||
|
|
display: block;
|
||
|
|
margin: 0;
|
||
|
|
border-top-style: solid;
|
||
|
|
@include token-utils.use-tokens(
|
||
|
|
tokens-mat-divider.$prefix, tokens-mat-divider.get-token-slots()) {
|
||
|
|
@include token-utils.create-token-slot(border-top-color, color);
|
||
|
|
@include token-utils.create-token-slot(border-top-width, width);
|
||
|
|
|
||
|
|
&.mat-divider-vertical {
|
||
|
|
border-top: 0;
|
||
|
|
border-right-style: solid;
|
||
|
|
@include token-utils.create-token-slot(border-right-color, color);
|
||
|
|
@include token-utils.create-token-slot(border-right-width, width);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.mat-divider-inset {
|
||
|
|
margin-left: $inset-margin;
|
||
|
|
[dir='rtl'] & {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: $inset-margin;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|