mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-09-13 19:50:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(starter): upgrade to new version of gatsby

Browse Source
This commit is contained in:
Alexander Shelepenok
2022-01-09 20:12:31 +00:00
parent 84bdc5899d
commit 67ebabbaac
397 changed files with 26665 additions and 34984 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,25 +1,43 @@
/**
* Margin
*/
@import "../variables";
@mixin margin-top($number) {
margin-top: #{ $number * $typographic-leading + "px"};
margin-top: #{$number * $typographic-leading + "px"};
}
@mixin margin-bottom($number) {
margin-bottom: #{ $number * $typographic-leading + "px"};
margin-bottom: #{$number * $typographic-leading + "px"};
}
@mixin margin($top, $right, $bottom:null, $left:null) {
@if $left==null and $bottom==null {
margin: #{ $top * $typographic-leading + "px"} #{ $right * $typographic-leading + "px"};
}
@else if $left==null or $left==$right {
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"};
}
}
@mixin margin($top, $right, $bottom: null, $left: null) {
@if not $left and not $bottom {
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"};
} @else {
margin: #{$top *
$typographic-leading +
"px"}
#{$right *
$typographic-leading +
"px"}
#{$bottom *
$typographic-leading +
"px"}
#{$left *
$typographic-leading +
"px"};
}
}