Update to jekyll 4 (modernization)
This commit is contained in:
+6
-8
@@ -57,7 +57,7 @@ ol,
|
||||
dl,
|
||||
figure,
|
||||
%vertical-rhythm {
|
||||
margin-bottom: calc(#{$spacing-unit} / 2);
|
||||
margin-bottom: calc($spacing-unit / 2);
|
||||
}
|
||||
|
||||
|
||||
@@ -139,7 +139,7 @@ a {
|
||||
blockquote {
|
||||
color: $grey-color;
|
||||
border-left: 4px solid $grey-color-light;
|
||||
padding-left: calc(#{$spacing-unit} / 2);
|
||||
padding-left: calc($spacing-unit / 2);
|
||||
font-size: 18px;
|
||||
letter-spacing: -1px;
|
||||
font-style: italic;
|
||||
@@ -181,18 +181,16 @@ pre {
|
||||
*/
|
||||
|
||||
.wrapper {
|
||||
max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
|
||||
max-width : calc(800px - (#{$spacing-unit} * 2));
|
||||
max-width: calc(800px - ($spacing-unit * 2));
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: $spacing-unit;
|
||||
padding-left: $spacing-unit;
|
||||
@extend %clearfix;
|
||||
@include media-query($on-laptop) {
|
||||
max-width: -webkit-calc(800px - (#{$spacing-unit}));
|
||||
max-width : calc(800px - (#{$spacing-unit}));
|
||||
padding-right: calc(#{$spacing-unit} / 2);
|
||||
padding-left: calc(#{$spacing-unit} / 2);
|
||||
max-width: calc(800px - $spacing-unit);
|
||||
padding-right: calc($spacing-unit / 2);
|
||||
padding-left: calc($spacing-unit / 2);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+10
-16
@@ -101,7 +101,7 @@
|
||||
|
||||
.footer-heading {
|
||||
font-size: 18px;
|
||||
margin-bottom: calc(#{$spacing-unit} / 2);
|
||||
margin-bottom: calc($spacing-unit / 2);
|
||||
}
|
||||
|
||||
.contact-list,
|
||||
@@ -113,49 +113,43 @@
|
||||
.footer-col-wrapper {
|
||||
font-size: 15px;
|
||||
color: $grey-color;
|
||||
margin-left: calc(-1 * #{$spacing-unit} / 2);
|
||||
margin-left: calc(-1 * $spacing-unit / 2);
|
||||
@extend %clearfix;
|
||||
}
|
||||
|
||||
.footer-col {
|
||||
float: left;
|
||||
margin-bottom: calc(#{$spacing-unit} / 2);
|
||||
padding-left: calc(#{$spacing-unit} / 2);
|
||||
margin-bottom: calc($spacing-unit / 2);
|
||||
padding-left: calc($spacing-unit / 2);
|
||||
}
|
||||
|
||||
.footer-col-1 {
|
||||
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
|
||||
width: calc(35% - (#{$spacing-unit} / 2));
|
||||
width: calc(35% - ($spacing-unit / 2));
|
||||
}
|
||||
|
||||
.footer-col-2 {
|
||||
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
|
||||
width: calc(20% - (#{$spacing-unit} / 2));
|
||||
width: calc(20% - ($spacing-unit / 2));
|
||||
}
|
||||
|
||||
.footer-col-3 {
|
||||
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
|
||||
width: calc(45% - (#{$spacing-unit} / 2));
|
||||
width: calc(45% - ($spacing-unit / 2));
|
||||
}
|
||||
|
||||
@include media-query($on-laptop) {
|
||||
.footer-col-1,
|
||||
.footer-col-2 {
|
||||
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
|
||||
width: calc(50% - (#{$spacing-unit} / 2));
|
||||
width: calc(50% - ($spacing-unit / 2));
|
||||
}
|
||||
|
||||
.footer-col-3 {
|
||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
||||
width: calc(100% - (#{$spacing-unit} / 2));
|
||||
width: calc(100% - ($spacing-unit / 2));
|
||||
}
|
||||
}
|
||||
|
||||
@include media-query($on-palm) {
|
||||
.footer-col {
|
||||
float: none;
|
||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
||||
width: calc(100% - (#{$spacing-unit} / 2));
|
||||
width: calc(100% - ($spacing-unit / 2));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user