This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.layout-main { | |
display: inline-block; | |
display: flex; | |
width: 100%; | |
} | |
.layout-main__left { | |
float: left; | |
width: 75%; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.layout-main { | |
display: inline-block; | |
width: 100%; | |
} | |
.layout-main__left { | |
float: left; | |
width: 75%; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin spacing-loop($property, $space, $value) { | |
@each $poskey, $posvalue in $spacing-key { | |
&-#{$poskey}-#{$space} { | |
@if $poskey == "all" { | |
#{$property}: $value; | |
} | |
@else if $poskey == "vert" { | |
#{$property}-top: $value; | |
#{$property}-bottom: $value; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin spacing-loop($property, $space, $value) { | |
@each $poskey, $posvalue in $spacing-key { | |
&-#{$poskey}-#{$space} { | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin spacing-loop($property, $space, $value) { | |
@each $poskey, $posvalue in $spacing-key { | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin spacing-loop($property, $space, $value) { | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@for $space from 0 through $spacing-limit { | |
$value: $space + rem; | |
.util-pad { | |
@include spacing-loop("padding", $space, $value); | |
} | |
.util-margin { | |
@include spacing-loop("margin", $space, $value); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@for $space from 0 through $spacing-limit { | |
$value: $space + rem; | |
.util-pad { | |
} | |
.util-margin { | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@for $space from 0 through $spacing-limit { | |
$value: $space + rem; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@for $space from 0 through $spacing-limit { | |
} |