mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-09-11 02:35:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(starter): upgrade and move to typescript

Browse Source
This commit is contained in:
Alexander Shelepenok
2022-04-16 14:25:55 +00:00
parent 67ebabbaac
commit 50a99f57f7
156 changed files with 5350 additions and 7173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/assets/scss/mixins/_margin.scss
View File

@@ -1,5 +1,17 @@
@import "../variables";
@mixin margin-auto($number: 0) {
margin: #{$number * $typographic-leading + "px"} auto;
}
@mixin margin-left($number) {
margin-left: #{$number * $typographic-leading + "px"};
}
@mixin margin-right($number) {
margin-right: #{$number * $typographic-leading + "px"};
}
@mixin margin-top($number) {
margin-top: #{$number * $typographic-leading + "px"};
}
@@ -8,36 +20,25 @@
margin-bottom: #{$number * $typographic-leading + "px"};
}
@mixin margin-equal($number) {
margin: #{$number * $typographic-leading + "px"};
}
@mixin margin($top, $right, $bottom: null, $left: null) {
@if not $left and not $bottom {
margin: #{$top *
$typographic-leading +
"px"}
#{$right *
$typographic-leading +
"px"};
margin:
#{$top * $typographic-leading + "px"}
#{$right * $typographic-leading + "px"};
} @else if not $left or $left == $right {
margin: #{$top *
$typographic-leading +
"px"}
#{$right *
$typographic-leading +
"px"}
#{$bottom *
$typographic-leading +
"px"};
margin:
#{$top * $typographic-leading + "px"}
#{$right * $typographic-leading + "px"}
#{$bottom * $typographic-leading + "px"};
} @else {
margin: #{$top *
$typographic-leading +
"px"}
#{$right *
$typographic-leading +
"px"}
#{$bottom *
$typographic-leading +
"px"}
#{$left *
$typographic-leading +
"px"};
margin:
#{$top * $typographic-leading + "px"}
#{$right * $typographic-leading + "px"}
#{$bottom * $typographic-leading + "px"}
#{$left * $typographic-leading + "px"};
}
}