fix: fix sass v16 deprecation warnings (#858)

This commit is contained in:
Robert Kaussow 2024-08-05 21:44:18 +02:00 committed by GitHub
parent baa9310f97
commit bb0daae793
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 34 additions and 31 deletions

View File

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

View File

@ -110,6 +110,7 @@
@mixin code_theme_dark { @mixin code_theme_dark {
@include chroma_dark; @include chroma_dark;
& {
--code-background: #{$code-background-dark}; --code-background: #{$code-background-dark};
--code-accent-color: #{darken($code-background-dark, 4)}; --code-accent-color: #{darken($code-background-dark, 4)};
--code-accent-color-lite: #{darken($code-background-dark, 2)}; --code-accent-color-lite: #{darken($code-background-dark, 2)};
@ -119,11 +120,13 @@
--code-copy-font-color: #{darken($code-font-color-dark, 15)}; --code-copy-font-color: #{darken($code-font-color-dark, 15)};
--code-copy-border-color: #{darken($code-font-color-dark, 20)}; --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-success-color: #{scale-color(map.get($hint-colors, "ok"), $alpha: -55%)};
}
} }
@mixin code_theme_light { @mixin code_theme_light {
@include chroma_github; @include chroma_github;
& {
--code-background: #{$code-background}; --code-background: #{$code-background};
--code-accent-color: #{darken($code-background, 6)}; --code-accent-color: #{darken($code-background, 6)};
--code-accent-color-lite: #{darken($code-background, 2)}; --code-accent-color-lite: #{darken($code-background, 2)};
@ -133,4 +136,5 @@
--code-copy-font-color: #{lighten($code-font-color, 15)}; --code-copy-font-color: #{lighten($code-font-color, 15)};
--code-copy-border-color: #{lighten($code-font-color, 20)}; --code-copy-border-color: #{lighten($code-font-color, 20)};
--code-copy-success-color: #{map.get($hint-colors, "ok")}; --code-copy-success-color: #{map.get($hint-colors, "ok")};
}
} }

View File

@ -186,6 +186,7 @@
} }
&__align { &__align {
text-align: left;
&--left { &--left {
h1, h1,
h2, h2,
@ -195,10 +196,10 @@
h6 { h6 {
justify-content: flex-start; justify-content: flex-start;
} }
text-align: left;
} }
&--center { &--center {
text-align: center;
h1, h1,
h2, h2,
h3, h3,
@ -207,10 +208,10 @@
h6 { h6 {
justify-content: center; justify-content: center;
} }
text-align: center;
} }
&--right { &--right {
text-align: right;
h1, h1,
h2, h2,
h3, h3,
@ -219,7 +220,6 @@
h6 { h6 {
justify-content: flex-end; justify-content: flex-end;
} }
text-align: right;
} }
} }
} }

View File

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