rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: rayelliott:e23e8b5d4fab2c199c436aedcd51343d246d995c
Branches Tags
rayelliott:master
...
compare: rayelliott:9fdf0d5d2d77e3903689b7fda27ab51db40dd598
Branches Tags
rayelliott:master

3 Commits
e23e8b5d4f ... 9fdf0d5d2d

Author SHA1 Message Date
Ray Elliott 9fdf0d5d2d use spacing mixins 2020-05-24 14:46:20 +01:00
Ray Elliott 1aa4e09998 add spacing mixins 2020-05-24 14:42:30 +01:00
Ray Elliott 7c39c15491 fix formatting 2020-05-24 14:27:39 +01:00
2 changed files with 13 additions and 8 deletions
Show Stats Expand all files Collapse all files

16
src/scss/_base.scss
View File

@ -40,14 +40,14 @@
} }
body { body {
font-size: 100%; font-size: 100%;
line-height: 1.6; line-height: 1.6;
box-sizing: border-box; box-sizing: border-box;
@include font-body; @include font-body;
color: $color-body; color: $color-body;
background-color: $background-color; background-color: $background-color;
} }
h1, h1,
@ -62,25 +62,25 @@ h6 {
h1 { h1 {
font-size: 2em; font-size: 2em;
margin-bottom: 1.6rem; @include margin-b(1);
@include font-title(semi-bold); @include font-title(semi-bold);
} }
h2 { h2 {
font-size: 1.6em; font-size: 1.6em;
margin-bottom: 1.6rem; @include margin-b(1);
@include font-title(semi-bold); @include font-title(semi-bold);
} }
h3 { h3 {
font-size: 1.4em; font-size: 1.4em;
margin-bottom: 1.6rem; @include margin-b(1);
@include font-title(semi-bold); @include font-title(semi-bold);
} }
h4, h5, h6 { h4, h5, h6 {
opacity: 0.8; opacity: 0.8;
margin-bottom: 0.8rem; @include margin-b(0.5);
} }
h4 { h4 {
@ -97,7 +97,7 @@ h6 {
} }
p { p {
margin-bottom: 1.6rem; @include margin-b(1);
} }
a, a,

5
src/scss/_mixins.scss
View File

@ -38,6 +38,11 @@
@include pb($bottom); @include pb($bottom);
} }
@mixin pad-h($left, $right: $left) {
@include pl($left);
@include pr($right);
}
@mixin pad($amount-t, $amount-r: $amount-t, $amount-b: $amount-t, $amount-l: $amount-r) { @mixin pad($amount-t, $amount-r: $amount-t, $amount-b: $amount-t, $amount-l: $amount-r) {
padding: #{$amount-t * $line-height}rem padding: #{$amount-t * $line-height}rem
#{$amount-r * $line-height}rem #{$amount-r * $line-height}rem