mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-10-31 16:49:49 +01: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

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

@@ -1,39 +1,40 @@
@import "../variables";
@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-left($number) {
padding-left: #{$number * $typographic-leading + "px"};
}
@mixin padding-right($number) {
padding-right: #{$number * $typographic-leading + "px"};
}
@mixin padding-top($number) {
padding-top: #{$number * $typographic-leading + "px"};
}
@mixin padding-bottom($number) {
padding-bottom: #{$number * $typographic-leading + "px"};
}
@mixin padding-equal($number) {
padding: #{$number * $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"};
}
}