github/hugo-geekblog
0
0
Fork 0
mirror of https://github.com/thegeeklab/hugo-geekblog.git synced 2024-09-28 02:08:14 +00:00
Code Issues Projects Releases Wiki Activity

fix: fix sass v16 deprecation warnings (#561)

Browse Source
This commit is contained in:
Robert Kaussow 2024-08-05 21:44:25 +02:00 committed by GitHub
parent 9bb6d7d7e8
commit 0cf4ad1ca7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 31 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/sass/_asciidoc.scss
View File

@ -7,11 +7,13 @@
}
}
margin: $padding-16 0;
padding: 0;
& {
margin: $padding-16 0;
padding: 0;
border-left: $border-4 solid var(--accent-color);
border-radius: $border-radius;
border-left: $border-4 solid var(--accent-color);
border-radius: $border-radius;
}
table {
margin: 0 !important;
@ -22,6 +24,9 @@
}
td {
display: block;
padding: $padding-4 $padding-16 !important;
&:first-child {
background-color: scale-color($gray-600, $alpha: -95%);
font-weight: bold;
@ -53,9 +58,6 @@
}
}
}
display: block;
padding: $padding-4 $padding-16 !important;
}
}
}

36
src/sass/_color_mode.scss
View File

@ -114,27 +114,31 @@
@mixin code_theme_dark {
@include chroma_dark;
--code-background: #{$code-background-dark};
--code-accent-color: #{darken($code-background-dark, 4)};
--code-accent-color-lite: #{darken($code-background-dark, 2)};
--code-font-color: #{$code-font-color-dark};
& {
--code-background: #{$code-background-dark};
--code-accent-color: #{darken($code-background-dark, 4)};
--code-accent-color-lite: #{darken($code-background-dark, 2)};
--code-font-color: #{$code-font-color-dark};
--code-copy-background: #{$code-background-dark};
--code-copy-font-color: #{darken($code-font-color-dark, 15)};
--code-copy-border-color: #{darken($code-font-color-dark, 20)};
--code-copy-success-color: #{scale-color(map.get($hint-colors, "ok"), $alpha: -55%)};
--code-copy-background: #{$code-background-dark};
--code-copy-font-color: #{darken($code-font-color-dark, 15)};
--code-copy-border-color: #{darken($code-font-color-dark, 20)};
--code-copy-success-color: #{scale-color(map.get($hint-colors, "ok"), $alpha: -55%)};
}
}
@mixin code_theme_light {
@include chroma_github;
--code-background: #{$code-background};
--code-accent-color: #{darken($code-background, 6)};
--code-accent-color-lite: #{darken($code-background, 2)};
--code-font-color: #{$code-font-color};
& {
--code-background: #{$code-background};
--code-accent-color: #{darken($code-background, 6)};
--code-accent-color-lite: #{darken($code-background, 2)};
--code-font-color: #{$code-font-color};
--code-copy-background: #{$code-background};
--code-copy-font-color: #{lighten($code-font-color, 15)};
--code-copy-border-color: #{lighten($code-font-color, 20)};
--code-copy-success-color: #{map.get($hint-colors, "ok")};
--code-copy-background: #{$code-background};
--code-copy-font-color: #{lighten($code-font-color, 15)};
--code-copy-border-color: #{lighten($code-font-color, 20)};
--code-copy-success-color: #{map.get($hint-colors, "ok")};
}
}

7
webpack.config.js
View File

@ -141,12 +141,9 @@ module.exports = (env, argv) => {
{
loader: "sass-loader",
options: {
sourceMap: argv.mode === "development" ? true : false,
sassOptions: {
// FIXME: https://github.com/webpack-contrib/sass-loader/issues/962#issuecomment-1002675051
sourceMap: argv.mode === "development" ? true : false,
sourceMapEmbed: argv.mode === "development" ? true : false,
outputStyle: argv.mode === "development" ? "expanded" : "compressed",
includePaths: [nodeModulesPath]
outputStyle: argv.mode === "development" ? "expanded" : "compressed"
}
}
}