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

🔖 Upgrade to Gatsby 1.8.12

Browse Source
This commit is contained in:
wpioneer
2017-08-20 14:43:49 +03:00
parent 88481e75f0
commit a2f8738ea6
115 changed files with 4734 additions and 5018 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/assets/scss/mixins/_breakpoints.scss Normal file
View File

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

7
src/assets/scss/mixins/_line-height.scss Normal file
View File

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

23
src/assets/scss/mixins/_margin.scss Normal file
View File

@@ -0,0 +1,23 @@
/**
* Margin
*/
@mixin margin-top($number) {
margin-top: #{ $number * $typographic-leading + "px"};
}
@mixin margin-bottom($number) {
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"};
}
}

19
src/assets/scss/mixins/_padding.scss Normal file
View File

@@ -0,0 +1,19 @@
/**
* Padding
*/
@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-equal($number) {
padding: #{ $number * $typographic-leading + "px"};
}