mirror of
https://github.com/thegeeklab/hugo-geekdoc.git
synced 2024-11-12 16:00:42 +00:00
fix: fix sass v16 deprecation warnings (#858)
This commit is contained in:
parent
baa9310f97
commit
bb0daae793
@ -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-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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -110,27 +110,31 @@
|
|||||||
@mixin code_theme_dark {
|
@mixin code_theme_dark {
|
||||||
@include chroma_dark;
|
@include chroma_dark;
|
||||||
|
|
||||||
--code-background: #{$code-background-dark};
|
& {
|
||||||
--code-accent-color: #{darken($code-background-dark, 4)};
|
--code-background: #{$code-background-dark};
|
||||||
--code-accent-color-lite: #{darken($code-background-dark, 2)};
|
--code-accent-color: #{darken($code-background-dark, 4)};
|
||||||
--code-font-color: #{$code-font-color-dark};
|
--code-accent-color-lite: #{darken($code-background-dark, 2)};
|
||||||
|
--code-font-color: #{$code-font-color-dark};
|
||||||
|
|
||||||
--code-copy-background: #{$code-background-dark};
|
--code-copy-background: #{$code-background-dark};
|
||||||
--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-accent-color: #{darken($code-background, 6)};
|
--code-background: #{$code-background};
|
||||||
--code-accent-color-lite: #{darken($code-background, 2)};
|
--code-accent-color: #{darken($code-background, 6)};
|
||||||
--code-font-color: #{$code-font-color};
|
--code-accent-color-lite: #{darken($code-background, 2)};
|
||||||
|
--code-font-color: #{$code-font-color};
|
||||||
|
|
||||||
--code-copy-background: #{$code-background};
|
--code-copy-background: #{$code-background};
|
||||||
--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")};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -142,12 +142,9 @@ module.exports = (env, argv) => {
|
|||||||
{
|
{
|
||||||
loader: "sass-loader",
|
loader: "sass-loader",
|
||||||
options: {
|
options: {
|
||||||
|
sourceMap: argv.mode === "development" ? true : false,
|
||||||
sassOptions: {
|
sassOptions: {
|
||||||
// FIXME: https://github.com/webpack-contrib/sass-loader/issues/962#issuecomment-1002675051
|
outputStyle: argv.mode === "development" ? "expanded" : "compressed"
|
||||||
sourceMap: argv.mode === "development" ? true : false,
|
|
||||||
sourceMapEmbed: argv.mode === "development" ? true : false,
|
|
||||||
outputStyle: argv.mode === "development" ? "expanded" : "compressed",
|
|
||||||
includePaths: [nodeModulesPath]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user