Chaospott/site
47
1
Fork 3
Code Issues Pull Requests Releases Activity

Update to jekyll 4 (warnings)

Browse Source
This commit is contained in:
T
2026-08-08 01:02:25 +02:00
parent 3c27809fc5
commit 76447e3928
6 changed files with 52 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_sass/_base.scss
+3
View File
@@ -1,3 +1,6 @@
@use 'sass:color';
@use 'settings' as *;
/** /**
* Reset some basic elements * Reset some basic elements
*/ */
_sass/_chaospott.scss
+2
View File
@@ -1,3 +1,5 @@
@use 'settings' as *;
@font-face { @font-face {
font-family: 'Share Tech'; font-family: 'Share Tech';
font-style: normal; font-style: normal;
_sass/_layout.scss
+3
View File
@@ -1,3 +1,6 @@
@use 'base';
@use 'settings' as *;
/** /**
* Site header * Site header
*/ */
_sass/_settings.scss
+36
View File
@@ -0,0 +1,36 @@
@use 'sass:color';
// Our variables
$base-font-family: 'Share Tech', sans-serif;
$base-font-size: 16px;
$small-font-size: $base-font-size * 0.875;
$base-line-height: 1.5;
$spacing-unit: 30px;
$text-color: #111;
$background-color: #d2d4bc;
$brand-color: #2a7ae2;
$grey-color: #828282;
$grey-color-light: color.adjust($grey-color, $lightness: 40%, $space: hsl);
$grey-color-dark: color.adjust($grey-color, $lightness: -25%, $space: hsl);
$on-palm: 600px;
$on-laptop: 800px;
$nav-link-color: #800032;
// Using media queries with like this:
// @include media-query($palm) {
// .wrapper {
// padding-right: $spacing-unit / 2;
// padding-left: $spacing-unit / 2;
// }
// }
@mixin media-query($device) {
@media screen and (max-width: $device) {
@content;
}
}
_sass/_syntax-highlighting.scss
+3 -1
View File
@@ -1,3 +1,5 @@
@use 'base';
/** /**
* Syntax highlighting styles * Syntax highlighting styles
*/ */
@@ -197,4 +199,4 @@
.il { .il {
color: #099 color: #099
} // Literal.Number.Integer.Long } // Literal.Number.Integer.Long
} }
css/main.scss
+5 -44
View File
@@ -4,47 +4,8 @@
@charset "utf-8"; @charset "utf-8";
@use 'sass:color'; @use "base";
@use "layout";
// Our variables @use "syntax-highlighting";
$base-font-family: 'Share Tech', sans-serif; @use "chaospott";
$base-font-size: 16px; @use "calendar";
$small-font-size: $base-font-size * 0.875;
$base-line-height: 1.5;
$spacing-unit: 30px;
$text-color: #111;
$background-color: #d2d4bc;
$brand-color: #2a7ae2;
$grey-color: #828282;
$grey-color-light: color.adjust($grey-color, $lightness: 40%, $space: hsl);
$grey-color-dark: color.adjust($grey-color, $lightness: -25%, $space: hsl);
$on-palm: 600px;
$on-laptop: 800px;
$nav-link-color: #800032;
// Using media queries with like this:
// @include media-query($palm) {
// .wrapper {
// padding-right: $spacing-unit / 2;
// padding-left: $spacing-unit / 2;
// }
// }
@mixin media-query($device) {
@media screen and (max-width: $device) {
@content;
}
}
// Import partials from `sass_dir` (defaults to `_sass`)
@import "base",
"layout",
"syntax-highlighting",
"chaospott",
"calendar";