56 lines
1.2 KiB
SCSS
56 lines
1.2 KiB
SCSS
|
@mixin margin($block-start, $inline-end, $block-end, $inline-start) {
|
||
|
|
@include margin-left($inline-start);
|
||
|
|
@include margin-right($inline-end);
|
||
|
|
|
||
|
|
margin-top: $block-start;
|
||
|
|
margin-bottom: $block-end;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin padding($block-start, $inline-end, $block-end, $inline-start) {
|
||
|
|
@include padding-left($inline-start);
|
||
|
|
@include padding-right($inline-end);
|
||
|
|
|
||
|
|
padding-top: $block-start;
|
||
|
|
padding-bottom: $block-end;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin margin-left($value) {
|
||
|
|
@supports (margin-inline-start: $value) {
|
||
|
|
margin-inline-start: $value;
|
||
|
|
}
|
||
|
|
|
||
|
|
@supports not (margin-inline-start: $value) {
|
||
|
|
margin-left: $value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin margin-right($value) {
|
||
|
|
@supports (margin-inline-end: $value) {
|
||
|
|
margin-inline-end: $value;
|
||
|
|
}
|
||
|
|
|
||
|
|
@supports not (margin-inline-end: $value) {
|
||
|
|
margin-right: $value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin padding-left($value) {
|
||
|
|
@supports (padding-inline-start: $value) {
|
||
|
|
padding-inline-start: $value;
|
||
|
|
}
|
||
|
|
|
||
|
|
@supports not (padding-inline-start: $value) {
|
||
|
|
padding-left: $value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin padding-right($value) {
|
||
|
|
@supports (padding-inline-end: $value) {
|
||
|
|
padding-inline-end: $value;
|
||
|
|
}
|
||
|
|
|
||
|
|
@supports not (padding-inline-end: $value) {
|
||
|
|
padding-right: $value;
|
||
|
|
}
|
||
|
|
}
|