docgalaxyblock/chaospott-site
1
0
Fork 0
forked from Chaospott/site
Code Pull Requests Activity

Update to jekyll 4 (modernization)

Browse Source
This commit is contained in:
T
2026-08-08 01:02:25 +02:00
parent 76447e3928
commit 2787db80e8
142 changed files with 275 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_sass/_base.scss
+6 -8
View File
@@ -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);
}
}
_sass/_layout.scss
+10 -16
View File
@@ -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));
}
}