From 5b189b9912cde771b154042267ec21503fbfeb3d Mon Sep 17 00:00:00 2001 From: Miao Wang Date: Tue, 9 Apr 2024 23:18:59 +0800 Subject: [PATCH] format all files in _src/ --- .editorconfig | 2 +- _src/styles/3-wave.scss | 18 +- _src/styles/fancyIndex.scss | 5 +- _src/styles/global.scss | 147 +++++--- _src/styles/help.scss | 682 ++++++++++++++++++++++++++--------- _src/styles/helpz.scss | 2 +- _src/styles/main-page.scss | 2 +- _src/styles/notfound.scss | 46 ++- _src/styles/sync-status.scss | 24 +- _src/styles/utils.scss | 24 +- _src/vite.json | 8 +- package.json | 2 +- 12 files changed, 689 insertions(+), 273 deletions(-) diff --git a/.editorconfig b/.editorconfig index 8ca9451..f2bd084 100644 --- a/.editorconfig +++ b/.editorconfig @@ -8,7 +8,7 @@ root = true end_of_line = lf insert_final_newline = true -[*.{html,md,js,vue,es6,json}] +[*.{html,md,js,vue,es6,json,css,scss}] charset = utf-8 indent_style = space indent_size = 2 diff --git a/_src/styles/3-wave.scss b/_src/styles/3-wave.scss index 3a4f2c4..f6d0b96 100644 --- a/_src/styles/3-wave.scss +++ b/_src/styles/3-wave.scss @@ -35,7 +35,7 @@ $spinkit-spinner-color: #333 !default; width: 6px; display: inline-block; animation: sk-waveStretchDelay $animationDuration infinite ease-in-out; - @include utils.dark{ + @include utils.dark { background-color: bs.$body-secondary-color-dark; } &:not(:last-child) { @@ -44,11 +44,21 @@ $spinkit-spinner-color: #333 !default; } @for $i from 1 through $rectCount { - .sk-rect#{$i} { animation-delay: - $animationDuration + calc($delayRange / ($rectCount - 1)) * ($i - 1); } + .sk-rect#{$i} { + animation-delay: -$animationDuration + + calc($delayRange / ($rectCount - 1)) * + ($i - 1); + } } } @keyframes sk-waveStretchDelay { - 0%, 40%, 100% { transform: scaleY(0.4) } - 20% { transform: scaleY(1.0) } + 0%, + 40%, + 100% { + transform: scaleY(0.4); + } + 20% { + transform: scaleY(1); + } } diff --git a/_src/styles/fancyIndex.scss b/_src/styles/fancyIndex.scss index 312bf84..a80b245 100644 --- a/_src/styles/fancyIndex.scss +++ b/_src/styles/fancyIndex.scss @@ -1,3 +1,4 @@ -#list tbody td, #path{ - font-family: var(--bs-font-monospace); +#list tbody td, +#path { + font-family: var(--bs-font-monospace); } diff --git a/_src/styles/global.scss b/_src/styles/global.scss index 3f8e808..d1d11e4 100644 --- a/_src/styles/global.scss +++ b/_src/styles/global.scss @@ -2,14 +2,20 @@ @use "sass:map"; @use "bootstrap" as bs with ( - $color-mode-type: media-query, + $color-mode-type: media-query ); -$color_thu_purple_dark: #C353D3; -$font_default: 'Lato', 'Hiragino Sans GB', 'Source Han Sans SC', 'Source Han Sans CN', 'Noto Sans CJK SC', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif; +$color_thu_purple_dark: #c353d3; +$font_default: "Lato", "Hiragino Sans GB", "Source Han Sans SC", + "Source Han Sans CN", "Noto Sans CJK SC", "WenQuanYi Zen Hei", + "WenQuanYi Micro Hei", "微软雅黑", sans-serif; $footer_color: #384452; -$color_thu_purple: if(map.get(jekyll-config(), "issue"), $color_thu_purple_dark, #82318E); +$color_thu_purple: if( + map.get(jekyll-config(), "issue"), + $color_thu_purple_dark, + #82318e +); @include utils.noissue { :root { @@ -39,11 +45,21 @@ code { @extend .bg-secondary-subtle; } -h1, h2, h3, .h1, .h2, .h3 { +h1, +h2, +h3, +.h1, +.h2, +.h3 { margin-top: 2rem; } -h4, h5, h6, .h4, .h5, .h6 { +h4, +h5, +h6, +.h4, +.h5, +.h6 { margin-top: 1rem; } @@ -55,30 +71,30 @@ h4, h5, h6, .h4, .h5, .h6 { padding-bottom: 60px; background: $footer_color; a { - color: bs.$link-color-dark; + color: bs.$link-color-dark; } a:hover { - color: bs.$link-hover-color-dark; + color: bs.$link-hover-color-dark; } } .spacing { - margin-top: 40px; - margin-bottom: 40px; + margin-top: 40px; + margin-bottom: 40px; } .clickable { - cursor: pointer; + cursor: pointer; } .vbottom { - display: inline-block; - vertical-align: bottom; - float: none; + display: inline-block; + vertical-align: bottom; + float: none; } -.nonthu .thuhidden{ - display: none; +.nonthu .thuhidden { + display: none; } svg.icon { @@ -89,7 +105,18 @@ svg.icon { vertical-align: bottom; } -.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { svg.icon { height: 1.1em; } @@ -102,48 +129,64 @@ svg.icon { } a { - padding: 0; - margin: 0; - text-decoration: none; - -webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear; - -moz-transition: background-color .4s linear, color .4s linea, border-color .4s linear; - -o-transition: background-color .4s linear, color .4s linear, border-color .4s linear; - -ms-transition: background-color .4s linear, color .4s linear, border-color .4s linear; - transition: background-color .4s linear, color .4s linear, border-color .4s linear; + padding: 0; + margin: 0; + text-decoration: none; + -webkit-transition: + background-color 0.4s linear, + color 0.4s linear, + border-color 0.4s linear; + -moz-transition: + background-color 0.4s linear, + color 0.4s linea, + border-color 0.4s linear; + -o-transition: + background-color 0.4s linear, + color 0.4s linear, + border-color 0.4s linear; + -ms-transition: + background-color 0.4s linear, + color 0.4s linear, + border-color 0.4s linear; + transition: + background-color 0.4s linear, + color 0.4s linear, + border-color 0.4s linear; } -a:hover, a:focus { - text-decoration: none; +a:hover, +a:focus { + text-decoration: none; } .navbar-default { - --bs-navbar-active-color: #{$color_thu_purple}; - --bs-navbar-hover-color: #{$color_thu_purple}; - @include utils.dark{ - --bs-navbar-active-color: #{$color_thu_purple_dark}; - --bs-navbar-hover-color: #{$color_thu_purple_dark}; - } - .navbar-nav > li > a.active { - border-bottom: 2px solid $color_thu_purple; - @include utils.dark{ - border-bottom-color: $color_thu_purple_dark; - } - } - .navbar-nav > li > a { - font-weight: 700; - font-size: 12px; - } - .nav-link { - transition-duration: .4s; + --bs-navbar-active-color: #{$color_thu_purple}; + --bs-navbar-hover-color: #{$color_thu_purple}; + @include utils.dark { + --bs-navbar-active-color: #{$color_thu_purple_dark}; + --bs-navbar-hover-color: #{$color_thu_purple_dark}; + } + .navbar-nav > li > a.active { + border-bottom: 2px solid $color_thu_purple; + @include utils.dark { + border-bottom-color: $color_thu_purple_dark; } + } + .navbar-nav > li > a { + font-weight: 700; + font-size: 12px; + } + .nav-link { + transition-duration: 0.4s; + } } .navbar-brand { - font-weight: 900; - padding: 0px; - line-height: 50px; - height: 50px; - img { - margin-right: 5px; - } + font-weight: 900; + padding: 0px; + line-height: 50px; + height: 50px; + img { + margin-right: 5px; + } } diff --git a/_src/styles/help.scss b/_src/styles/help.scss index a5605bc..ba5196f 100644 --- a/_src/styles/help.scss +++ b/_src/styles/help.scss @@ -1,181 +1,527 @@ @use "./utils.scss" as utils; @include utils.noissue { - .highlight { - .c { color: #998; font-style: italic } // Comment - .err { color: #a61717; background-color: #e3d2d2 } // Error - .k { font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #998; font-style: italic } // Comment.Multiline - .cp { color: #999; font-weight: bold } // Comment.Preproc - .c1 { color: #998; font-style: italic } // Comment.Single - .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #a00 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #a00 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #458; font-weight: bold } // Keyword.Type - .m { color: #099 } // Literal.Number - .s { color: #d14 } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #0086B3 } // Name.Builtin - .nc { color: #458; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #900; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #000080 } // Name.Tag - .nv { color: #008080 } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #bbb } // Text.Whitespace - .mf { color: #099 } // Literal.Number.Float - .mh { color: #099 } // Literal.Number.Hex - .mi { color: #099 } // Literal.Number.Integer - .mo { color: #099 } // Literal.Number.Oct - .sb { color: #d14 } // Literal.String.Backtick - .sc { color: #d14 } // Literal.String.Char - .sd { color: #d14 } // Literal.String.Doc - .s2 { color: #d14 } // Literal.String.Double - .se { color: #d14 } // Literal.String.Escape - .sh { color: #d14 } // Literal.String.Heredoc - .si { color: #d14 } // Literal.String.Interpol - .sx { color: #d14 } // Literal.String.Other - .sr { color: #009926 } // Literal.String.Regex - .s1 { color: #d14 } // Literal.String.Single - .ss { color: #990073 } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #008080 } // Name.Variable.Class - .vg { color: #008080 } // Name.Variable.Global - .vi { color: #008080 } // Name.Variable.Instance - .il { color: #099 } // Literal.Number.Integer.Long - } + .highlight { + .c { + color: #998; + font-style: italic; + } // Comment + .err { + color: #a61717; + background-color: #e3d2d2; + } // Error + .k { + font-weight: bold; + } // Keyword + .o { + font-weight: bold; + } // Operator + .cm { + color: #998; + font-style: italic; + } // Comment.Multiline + .cp { + color: #999; + font-weight: bold; + } // Comment.Preproc + .c1 { + color: #998; + font-style: italic; + } // Comment.Single + .cs { + color: #999; + font-weight: bold; + font-style: italic; + } // Comment.Special + .gd { + color: #000; + background-color: #fdd; + } // Generic.Deleted + .gd .x { + color: #000; + background-color: #faa; + } // Generic.Deleted.Specific + .ge { + font-style: italic; + } // Generic.Emph + .gr { + color: #a00; + } // Generic.Error + .gh { + color: #999; + } // Generic.Heading + .gi { + color: #000; + background-color: #dfd; + } // Generic.Inserted + .gi .x { + color: #000; + background-color: #afa; + } // Generic.Inserted.Specific + .go { + color: #888; + } // Generic.Output + .gp { + color: #555; + } // Generic.Prompt + .gs { + font-weight: bold; + } // Generic.Strong + .gu { + color: #aaa; + } // Generic.Subheading + .gt { + color: #a00; + } // Generic.Traceback + .kc { + font-weight: bold; + } // Keyword.Constant + .kd { + font-weight: bold; + } // Keyword.Declaration + .kp { + font-weight: bold; + } // Keyword.Pseudo + .kr { + font-weight: bold; + } // Keyword.Reserved + .kt { + color: #458; + font-weight: bold; + } // Keyword.Type + .m { + color: #099; + } // Literal.Number + .s { + color: #d14; + } // Literal.String + .na { + color: #008080; + } // Name.Attribute + .nb { + color: #0086b3; + } // Name.Builtin + .nc { + color: #458; + font-weight: bold; + } // Name.Class + .no { + color: #008080; + } // Name.Constant + .ni { + color: #800080; + } // Name.Entity + .ne { + color: #900; + font-weight: bold; + } // Name.Exception + .nf { + color: #900; + font-weight: bold; + } // Name.Function + .nn { + color: #555; + } // Name.Namespace + .nt { + color: #000080; + } // Name.Tag + .nv { + color: #008080; + } // Name.Variable + .ow { + font-weight: bold; + } // Operator.Word + .w { + color: #bbb; + } // Text.Whitespace + .mf { + color: #099; + } // Literal.Number.Float + .mh { + color: #099; + } // Literal.Number.Hex + .mi { + color: #099; + } // Literal.Number.Integer + .mo { + color: #099; + } // Literal.Number.Oct + .sb { + color: #d14; + } // Literal.String.Backtick + .sc { + color: #d14; + } // Literal.String.Char + .sd { + color: #d14; + } // Literal.String.Doc + .s2 { + color: #d14; + } // Literal.String.Double + .se { + color: #d14; + } // Literal.String.Escape + .sh { + color: #d14; + } // Literal.String.Heredoc + .si { + color: #d14; + } // Literal.String.Interpol + .sx { + color: #d14; + } // Literal.String.Other + .sr { + color: #009926; + } // Literal.String.Regex + .s1 { + color: #d14; + } // Literal.String.Single + .ss { + color: #990073; + } // Literal.String.Symbol + .bp { + color: #999; + } // Name.Builtin.Pseudo + .vc { + color: #008080; + } // Name.Variable.Class + .vg { + color: #008080; + } // Name.Variable.Global + .vi { + color: #008080; + } // Name.Variable.Instance + .il { + color: #099; + } // Literal.Number.Integer.Long + } - .hljs-comment { color: #998; font-style: italic } // Comment - .hljs-keyword { font-weight: bold } // Keyword - .hljs-operator { font-weight: bold } // Operator - .hljs-deletion { color: #000; background-color: #fdd } // Generic.Deleted - .hljs-emphasis { font-style: italic } // Generic.Emph - .hljs-meta.prompt { color: #555 } // Generic.Prompt - .hljs-strong { font-weight: bold } // Generic.Strong - .hljs-section { color: #458; font-weight: bold } // Generic.Heading - .hljs-variable.constant { font-weight: bold } // Keyword.Constant - .hljs-params { font-weight: bold } // Keyword.Declaration - .hljs-type { color: #458; font-weight: bold } // Keyword.Type - .hljs-number { color: #099 } // Literal.Number - .hljs-string { color: #d14 } // Literal.String - .hljs-attr, .hljs-attribute { color: #008080 } // Name.Attribute - .hljs-built_in { color: #0086B3 } // Name.Builtin - .hljs-title.class { color: #458; font-weight: bold } // Name.Class - .hljs-title.function { color: #900; font-weight: bold } // Name.Function - .hljs-tag { color: #000080 } // Name.Tag - .hljs-variable { color: #008080 } // Name.Variable + .hljs-comment { + color: #998; + font-style: italic; + } // Comment + .hljs-keyword { + font-weight: bold; + } // Keyword + .hljs-operator { + font-weight: bold; + } // Operator + .hljs-deletion { + color: #000; + background-color: #fdd; + } // Generic.Deleted + .hljs-emphasis { + font-style: italic; + } // Generic.Emph + .hljs-meta.prompt { + color: #555; + } // Generic.Prompt + .hljs-strong { + font-weight: bold; + } // Generic.Strong + .hljs-section { + color: #458; + font-weight: bold; + } // Generic.Heading + .hljs-variable.constant { + font-weight: bold; + } // Keyword.Constant + .hljs-params { + font-weight: bold; + } // Keyword.Declaration + .hljs-type { + color: #458; + font-weight: bold; + } // Keyword.Type + .hljs-number { + color: #099; + } // Literal.Number + .hljs-string { + color: #d14; + } // Literal.String + .hljs-attr, + .hljs-attribute { + color: #008080; + } // Name.Attribute + .hljs-built_in { + color: #0086b3; + } // Name.Builtin + .hljs-title.class { + color: #458; + font-weight: bold; + } // Name.Class + .hljs-title.function { + color: #900; + font-weight: bold; + } // Name.Function + .hljs-tag { + color: #000080; + } // Name.Tag + .hljs-variable { + color: #008080; + } // Name.Variable } -@include utils.dark{ - .highlight { - .hll { background-color: #272822; } - .c { color: #75715e } /* Comment */ - .err { color: #960050; background-color: #1e0010 } /* Error */ - .k { color: #66d9ef } /* Keyword */ - .l { color: #ae81ff } /* Literal */ - .n { color: #f8f8f2 } /* Name */ - .o { color: #f92672 } /* Operator */ - .p { color: #f8f8f2 } /* Punctuation */ - .cm { color: #75715e } /* Comment.Multiline */ - .cp { color: #75715e } /* Comment.Preproc */ - .c1 { color: #75715e } /* Comment.Single */ - .cs { color: #75715e } /* Comment.Special */ - .ge { font-style: italic } /* Generic.Emph */ - .gs { font-weight: bold } /* Generic.Strong */ - .kc { color: #66d9ef } /* Keyword.Constant */ - .kd { color: #66d9ef } /* Keyword.Declaration */ - .kn { color: #f92672 } /* Keyword.Namespace */ - .kp { color: #66d9ef } /* Keyword.Pseudo */ - .kr { color: #66d9ef } /* Keyword.Reserved */ - .kt { color: #66d9ef } /* Keyword.Type */ - .ld { color: #e6db74 } /* Literal.Date */ - .m { color: #ae81ff } /* Literal.Number */ - .s { color: #e6db74 } /* Literal.String */ - .na { color: #a6e22e } /* Name.Attribute */ - .nb { color: #f8f8f2 } /* Name.Builtin */ - .nc { color: #a6e22e } /* Name.Class */ - .no { color: #66d9ef } /* Name.Constant */ - .nd { color: #a6e22e } /* Name.Decorator */ - .ni { color: #f8f8f2 } /* Name.Entity */ - .ne { color: #a6e22e } /* Name.Exception */ - .nf { color: #a6e22e } /* Name.Function */ - .nl { color: #f8f8f2 } /* Name.Label */ - .nn { color: #f8f8f2 } /* Name.Namespace */ - .nx { color: #a6e22e } /* Name.Other */ - .py { color: #f8f8f2 } /* Name.Property */ - .nt { color: #f92672 } /* Name.Tag */ - .nv { color: #f8f8f2 } /* Name.Variable */ - .ow { color: #f92672 } /* Operator.Word */ - .w { color: #f8f8f2 } /* Text.Whitespace */ - .mf { color: #ae81ff } /* Literal.Number.Float */ - .mh { color: #ae81ff } /* Literal.Number.Hex */ - .mi { color: #ae81ff } /* Literal.Number.Integer */ - .mo { color: #ae81ff } /* Literal.Number.Oct */ - .sb { color: #e6db74 } /* Literal.String.Backtick */ - .sc { color: #e6db74 } /* Literal.String.Char */ - .sd { color: #e6db74 } /* Literal.String.Doc */ - .s2 { color: #e6db74 } /* Literal.String.Double */ - .se { color: #ae81ff } /* Literal.String.Escape */ - .sh { color: #e6db74 } /* Literal.String.Heredoc */ - .si { color: #e6db74 } /* Literal.String.Interpol */ - .sx { color: #e6db74 } /* Literal.String.Other */ - .sr { color: #e6db74 } /* Literal.String.Regex */ - .s1 { color: #e6db74 } /* Literal.String.Single */ - .ss { color: #e6db74 } /* Literal.String.Symbol */ - .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ - .vc { color: #f8f8f2 } /* Name.Variable.Class */ - .vg { color: #f8f8f2 } /* Name.Variable.Global */ - .vi { color: #f8f8f2 } /* Name.Variable.Instance */ - .il { color: #ae81ff } /* Literal.Number.Integer.Long */ - - .gh { } /* Generic Heading & Diff Header */ - .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ - .gd { color: #f92672; background-color: inherit;} /* Generic.Deleted & Diff Deleted */ - .gi { color: #a6e22e; background-color: inherit;} /* Generic.Inserted & Diff Inserted */ - .gd .x {background-color: inherit;} - .gi .x {background-color: inherit;} +@include utils.dark { + .highlight { + .hll { + background-color: #272822; } + .c { + color: #75715e; + } /* Comment */ + .err { + color: #960050; + background-color: #1e0010; + } /* Error */ + .k { + color: #66d9ef; + } /* Keyword */ + .l { + color: #ae81ff; + } /* Literal */ + .n { + color: #f8f8f2; + } /* Name */ + .o { + color: #f92672; + } /* Operator */ + .p { + color: #f8f8f2; + } /* Punctuation */ + .cm { + color: #75715e; + } /* Comment.Multiline */ + .cp { + color: #75715e; + } /* Comment.Preproc */ + .c1 { + color: #75715e; + } /* Comment.Single */ + .cs { + color: #75715e; + } /* Comment.Special */ + .ge { + font-style: italic; + } /* Generic.Emph */ + .gs { + font-weight: bold; + } /* Generic.Strong */ + .kc { + color: #66d9ef; + } /* Keyword.Constant */ + .kd { + color: #66d9ef; + } /* Keyword.Declaration */ + .kn { + color: #f92672; + } /* Keyword.Namespace */ + .kp { + color: #66d9ef; + } /* Keyword.Pseudo */ + .kr { + color: #66d9ef; + } /* Keyword.Reserved */ + .kt { + color: #66d9ef; + } /* Keyword.Type */ + .ld { + color: #e6db74; + } /* Literal.Date */ + .m { + color: #ae81ff; + } /* Literal.Number */ + .s { + color: #e6db74; + } /* Literal.String */ + .na { + color: #a6e22e; + } /* Name.Attribute */ + .nb { + color: #f8f8f2; + } /* Name.Builtin */ + .nc { + color: #a6e22e; + } /* Name.Class */ + .no { + color: #66d9ef; + } /* Name.Constant */ + .nd { + color: #a6e22e; + } /* Name.Decorator */ + .ni { + color: #f8f8f2; + } /* Name.Entity */ + .ne { + color: #a6e22e; + } /* Name.Exception */ + .nf { + color: #a6e22e; + } /* Name.Function */ + .nl { + color: #f8f8f2; + } /* Name.Label */ + .nn { + color: #f8f8f2; + } /* Name.Namespace */ + .nx { + color: #a6e22e; + } /* Name.Other */ + .py { + color: #f8f8f2; + } /* Name.Property */ + .nt { + color: #f92672; + } /* Name.Tag */ + .nv { + color: #f8f8f2; + } /* Name.Variable */ + .ow { + color: #f92672; + } /* Operator.Word */ + .w { + color: #f8f8f2; + } /* Text.Whitespace */ + .mf { + color: #ae81ff; + } /* Literal.Number.Float */ + .mh { + color: #ae81ff; + } /* Literal.Number.Hex */ + .mi { + color: #ae81ff; + } /* Literal.Number.Integer */ + .mo { + color: #ae81ff; + } /* Literal.Number.Oct */ + .sb { + color: #e6db74; + } /* Literal.String.Backtick */ + .sc { + color: #e6db74; + } /* Literal.String.Char */ + .sd { + color: #e6db74; + } /* Literal.String.Doc */ + .s2 { + color: #e6db74; + } /* Literal.String.Double */ + .se { + color: #ae81ff; + } /* Literal.String.Escape */ + .sh { + color: #e6db74; + } /* Literal.String.Heredoc */ + .si { + color: #e6db74; + } /* Literal.String.Interpol */ + .sx { + color: #e6db74; + } /* Literal.String.Other */ + .sr { + color: #e6db74; + } /* Literal.String.Regex */ + .s1 { + color: #e6db74; + } /* Literal.String.Single */ + .ss { + color: #e6db74; + } /* Literal.String.Symbol */ + .bp { + color: #f8f8f2; + } /* Name.Builtin.Pseudo */ + .vc { + color: #f8f8f2; + } /* Name.Variable.Class */ + .vg { + color: #f8f8f2; + } /* Name.Variable.Global */ + .vi { + color: #f8f8f2; + } /* Name.Variable.Instance */ + .il { + color: #ae81ff; + } /* Literal.Number.Integer.Long */ - .hljs-comment { color: #75715e } // Comment - .hljs-keyword { color: #66d9ef } // Keyword - .hljs-operator { color: #f92672 } // Operator - .hljs-deletion { color: #f92672; } // Generic.Deleted - .hljs-emphasis { font-style: italic } // Generic.Emph - .hljs-strong { font-weight: bold } // Generic.Strong - .hljs-section { color: #66d9ef } // Keyword - .hljs-variable.constant { color: #66d9ef } // Keyword.Constant - .hljs-params { color: #66d9ef } // Keyword.Declaration - .hljs-type { color: #66d9ef } // Keyword.Type - .hljs-number { color: #ae81ff } // Literal.Number - .hljs-string { color: #e6db74 } // Literal.String - .hljs-attr, .hljs-attribute { color: #a6e22e } // Name.Attribute - .hljs-built_in { color: #f8f8f2 } // Name.Builtin - .hljs-title.class { color: #a6e22e } // Name.Class - .hljs-title.function { color: #a6e22e } // Name.Function - .hljs-tag { color: #f92672 } // Name.Tag - .hljs-variable { color: #f8f8f2 } // Name.Variable + .gh { + } /* Generic Heading & Diff Header */ + .gu { + color: #75715e; + } /* Generic.Subheading & Diff Unified/Comment? */ + .gd { + color: #f92672; + background-color: inherit; + } /* Generic.Deleted & Diff Deleted */ + .gi { + color: #a6e22e; + background-color: inherit; + } /* Generic.Inserted & Diff Inserted */ + .gd .x { + background-color: inherit; + } + .gi .x { + background-color: inherit; + } + } + .hljs-comment { + color: #75715e; + } // Comment + .hljs-keyword { + color: #66d9ef; + } // Keyword + .hljs-operator { + color: #f92672; + } // Operator + .hljs-deletion { + color: #f92672; + } // Generic.Deleted + .hljs-emphasis { + font-style: italic; + } // Generic.Emph + .hljs-strong { + font-weight: bold; + } // Generic.Strong + .hljs-section { + color: #66d9ef; + } // Keyword + .hljs-variable.constant { + color: #66d9ef; + } // Keyword.Constant + .hljs-params { + color: #66d9ef; + } // Keyword.Declaration + .hljs-type { + color: #66d9ef; + } // Keyword.Type + .hljs-number { + color: #ae81ff; + } // Literal.Number + .hljs-string { + color: #e6db74; + } // Literal.String + .hljs-attr, + .hljs-attribute { + color: #a6e22e; + } // Name.Attribute + .hljs-built_in { + color: #f8f8f2; + } // Name.Builtin + .hljs-title.class { + color: #a6e22e; + } // Name.Class + .hljs-title.function { + color: #a6e22e; + } // Name.Function + .hljs-tag { + color: #f92672; + } // Name.Tag + .hljs-variable { + color: #f8f8f2; + } // Name.Variable } #help-page { - margin-top: 40px; - margin-bottom: 40px; + margin-top: 40px; + margin-bottom: 40px; } diff --git a/_src/styles/helpz.scss b/_src/styles/helpz.scss index c812b99..ec606d6 100644 --- a/_src/styles/helpz.scss +++ b/_src/styles/helpz.scss @@ -1,3 +1,3 @@ .z-help pre.z-tmpl { - display: none; + display: none; } diff --git a/_src/styles/main-page.scss b/_src/styles/main-page.scss index 811af63..263dc07 100644 --- a/_src/styles/main-page.scss +++ b/_src/styles/main-page.scss @@ -19,7 +19,7 @@ } } -#upgrade-mask{ +#upgrade-mask { color: black; p { color: inherit; diff --git a/_src/styles/notfound.scss b/_src/styles/notfound.scss index 9541d69..19f64fa 100644 --- a/_src/styles/notfound.scss +++ b/_src/styles/notfound.scss @@ -24,31 +24,39 @@ background-position: center; @include utils.noissue { - opacity: .5; + opacity: 0.5; filter: grayscale(0.2); background-image: url(/static/img/missing.png); - background-image: -webkit-image-set(url("/static/img/missing.png") 1x, - url("/static/img/missing@2x.png") 2x, - url("/static/img/missing@3x.png") 3x, - url("/static/img/missing@4x.png") 4x); - background-image: image-set(url("/static/img/missing.png") 1x, - url("/static/img/missing@2x.png") 2x, - url("/static/img/missing@3x.png") 3x, - url("/static/img/missing@4x.png") 4x); + background-image: -webkit-image-set( + url("/static/img/missing.png") 1x, + url("/static/img/missing@2x.png") 2x, + url("/static/img/missing@3x.png") 3x, + url("/static/img/missing@4x.png") 4x + ); + background-image: image-set( + url("/static/img/missing.png") 1x, + url("/static/img/missing@2x.png") 2x, + url("/static/img/missing@3x.png") 3x, + url("/static/img/missing@4x.png") 4x + ); } @include utils.dark { opacity: 1; filter: none; background-image: url(/static/img/missing-dark.png); - background-image: -webkit-image-set(url("/static/img/missing-dark.png") 1x, - url("/static/img/missing-dark@2x.png") 2x, - url("/static/img/missing-dark@3x.png") 3x, - url("/static/img/missing-dark@4x.png") 4x); - background-image: image-set(url("/static/img/missing-dark.png") 1x, - url("/static/img/missing-dark@2x.png") 2x, - url("/static/img/missing-dark@3x.png") 3x, - url("/static/img/missing-dark@4x.png") 4x); + background-image: -webkit-image-set( + url("/static/img/missing-dark.png") 1x, + url("/static/img/missing-dark@2x.png") 2x, + url("/static/img/missing-dark@3x.png") 3x, + url("/static/img/missing-dark@4x.png") 4x + ); + background-image: image-set( + url("/static/img/missing-dark.png") 1x, + url("/static/img/missing-dark@2x.png") 2x, + url("/static/img/missing-dark@3x.png") 3x, + url("/static/img/missing-dark@4x.png") 4x + ); } } @@ -75,13 +83,13 @@ padding: 0 40px; margin-bottom: 80px; font-size: 16px; - opacity: .7; + opacity: 0.7; line-height: 24px; } .not-found-code { font-size: 12px; - opacity: .54; + opacity: 0.54; font-weight: normal; font-style: italic; } diff --git a/_src/styles/sync-status.scss b/_src/styles/sync-status.scss index 92423f3..388632a 100644 --- a/_src/styles/sync-status.scss +++ b/_src/styles/sync-status.scss @@ -1,17 +1,19 @@ @use "./bootstrap_vars" as bs; @use "./utils.scss" as utils; -.status-fail, .status-failed, .status-paused { - --bs-table-bg: #fff4e3; - --bs-table-hover-bg: var(--bs-table-bg); - @include utils.dark{ - --bs-table-bg: #524841; - } +.status-fail, +.status-failed, +.status-paused { + --bs-table-bg: #fff4e3; + --bs-table-hover-bg: var(--bs-table-bg); + @include utils.dark { + --bs-table-bg: #524841; + } } .status-syncing { - --bs-table-bg: #e3fffd; - --bs-table-hover-bg: var(--bs-table-bg); - @include utils.dark{ - --bs-table-bg: #254059; - } + --bs-table-bg: #e3fffd; + --bs-table-hover-bg: var(--bs-table-bg); + @include utils.dark { + --bs-table-bg: #254059; + } } diff --git a/_src/styles/utils.scss b/_src/styles/utils.scss index 9cb0251..ecf749d 100644 --- a/_src/styles/utils.scss +++ b/_src/styles/utils.scss @@ -1,17 +1,17 @@ @use "sass:map"; @mixin dark { - @if map.get(jekyll-config(), "issue") { - @content - } @else { - @media (prefers-color-scheme: dark) { - @content - } + @if map.get(jekyll-config(), "issue") { + @content; + } @else { + @media (prefers-color-scheme: dark) { + @content; } -}; + } +} @mixin noissue { - @if map.get(jekyll-config(), "issue") { - } @else { - @content - } -}; + @if map.get(jekyll-config(), "issue") { + } @else { + @content; + } +} diff --git a/_src/vite.json b/_src/vite.json index a02331e..7d7cc3d 100644 --- a/_src/vite.json +++ b/_src/vite.json @@ -1,7 +1,13 @@ { "all": { "sourceCodeDir": "_src", - "watchAdditionalPaths": ["index.html", "_includes/**/*", "_layouts/**/*", "_config.yml", "vite.config.mjs"], + "watchAdditionalPaths": [ + "index.html", + "_includes/**/*", + "_layouts/**/*", + "_config.yml", + "vite.config.mjs" + ], "publicOutputDir": "", "assetsDir": "assets" }, diff --git a/package.json b/package.json index 0560def..15aff09 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "private": true, "homepage": "https://github.com/tuna/mirror-web", "scripts": { - "format": "prettier --write \"_src/**/*.js\" \"_src/**/*.vue\"" + "format": "prettier --write \"_src/**\"" }, "dependencies": { "@vitejs/plugin-legacy": "^5.3.2",