Sha256: 63bd1c98308285a7c85b189860cab55e3bef4eec9a4805e3c9f3a5cebeff5f8e
Contents?: true
Size: 783 Bytes
Versions: 5
Compression:
Stored size: 783 Bytes
Contents
$margin-s: 1rem;
$margin-sm: 2rem;
$margin-m: 3rem;
$margin-l: 5rem;
//Sections
.section{
margin-bottom: $margin-sm;
@include breakpoint(large){
margin-bottom: $margin-m;
}
}
.m-bottom{
margin-bottom: $margin-s;
}
// helpers
$size:(
none: 0,
s: $margin-s,
sm: $margin-sm,
m: $margin-m,
l: $margin-l
) !default;
$property:(
p: padding,
m: margin
) !default;
$side:(
t: top,
r: right,
b: bottom,
l: left
) !default;
@mixin make-spaces(){
@each $p-key, $prop in $property{
@each $v-key, $value in $size{
.#{$p-key}-#{$v-key}{
#{$prop}: #{$value};
}
@each $s-key, $side in $side{
.#{$p-key}#{$s-key}-#{$v-key}{
#{$prop}-#{$side}: #{$value};
}
}
}
}
}
@include make-spaces()
Version data entries
5 entries across 5 versions & 1 rubygems