Skip to content

Instantly share code, notes, and snippets.

Shopify Partners shopifypartners

Block or report user

Report or block shopifypartners

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View progressive-enhancement-3.css
.layout-main {
display: inline-block;
display: flex;
display: grid;
width: 100%;
}
.layout-main__left {
float: left;
width: 75%;
View progressive-enhancement-2.css
.layout-main {
display: inline-block;
display: flex;
width: 100%;
}
.layout-main__left {
float: left;
width: 75%;
}
View progressive-enhancement-1.css
.layout-main {
display: inline-block;
width: 100%;
}
.layout-main__left {
float: left;
width: 75%;
}
View spacing-system-10.scss
@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;
}
View spacing-system-9.scss
@mixin spacing-loop($property, $space, $value) {
@each $poskey, $posvalue in $spacing-key {
&-#{$poskey}-#{$space} {
}
}
}
View spacing-system-8.scss
@mixin spacing-loop($property, $space, $value) {
@each $poskey, $posvalue in $spacing-key {
}
}
View spacing-system-6.scss
@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);
}
}
View spacing-system-5.scss
@for $space from 0 through $spacing-limit {
$value: $space + rem;
.util-pad {
}
.util-margin {
}
}
View spacing-system-4.scss
@for $space from 0 through $spacing-limit {
$value: $space + rem;
}
You can’t perform that action at this time.