mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-11-11 05:56:40 +01: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

26
src/assets/scss/mixins/_breakpoints.scss
View File

@@ -1,25 +1,23 @@
/**
* Breakpoints
*/
@import "../variables";
@mixin breakpoint-xs {
@content;
@content;
}
@mixin breakpoint-sm {
@media screen and (min-width: $layout-breakpoint-sm) {
@content;
}
@media screen and (min-width: $layout-breakpoint-sm) {
@content;
}
}
@mixin breakpoint-md {
@media screen and (min-width: $layout-breakpoint-md) {
@content;
}
@media screen and (min-width: $layout-breakpoint-md) {
@content;
}
}
@mixin breakpoint-lg {
@media screen and (min-width: $layout-breakpoint-lg) {
@content
}
}
@media screen and (min-width: $layout-breakpoint-lg) {
@content;
}
}

8
src/assets/scss/mixins/_line-height.scss
View File

@@ -1,7 +1,5 @@
/**
* Line-Height
*/
@import "../variables";
@mixin line-height($number) {
line-height: #{ $number * $typographic-leading + "px"};
}
line-height: #{$number * $typographic-leading + "px"};
}

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"};
}
}

50
src/assets/scss/mixins/_padding.scss
View File

@@ -1,19 +1,39 @@
/**
* Padding
*/
@import "../variables";
@mixin padding($top, $right, $bottom:null, $left:null) {
@if $left==null and $bottom==null {
padding: #{ $top * $typographic-leading + "px"} #{ $right * $typographic-leading + "px"};
}
@else if $left==null or $left==$right {
padding: #{ $top * $typographic-leading + "px"} #{ $right * $typographic-leading + "px"} #{ $bottom * $typographic-leading + "px"};
}
@else {
padding: #{ $top * $typographic-leading + "px"} #{ $right * $typographic-leading + "px"} #{ $bottom * $typographic-leading + "px"} #{ $left * $typographic-leading + "px"};
}
@mixin padding($top, $right, $bottom: null, $left: null) {
@if not $left and not $bottom {
padding: #{$top *
$typographic-leading +
"px"}
#{$right *
$typographic-leading +
"px"};
} @else if not $left or $left == $right {
padding: #{$top *
$typographic-leading +
"px"}
#{$right *
$typographic-leading +
"px"}
#{$bottom *
$typographic-leading +
"px"};
} @else {
padding: #{$top *
$typographic-leading +
"px"}
#{$right *
$typographic-leading +
"px"}
#{$bottom *
$typographic-leading +
"px"}
#{$left *
$typographic-leading +
"px"};
}
}
@mixin padding-equal($number) {
padding: #{ $number * $typographic-leading + "px"};
}
padding: #{$number * $typographic-leading + "px"};
}