From 5657112dfb0e6eac2faa2ae1dc0978ed29030709 Mon Sep 17 00:00:00 2001 From: panda-z Date: Mon, 13 Apr 2020 21:18:35 +0800 Subject: chore(build): drop webpack and use Hugo Pipes (#130) --- src/css/_partial/_post/_code.scss | 283 -------------------------------------- 1 file changed, 283 deletions(-) delete mode 100644 src/css/_partial/_post/_code.scss (limited to 'src/css/_partial/_post/_code.scss') diff --git a/src/css/_partial/_post/_code.scss b/src/css/_partial/_post/_code.scss deleted file mode 100644 index 50fcdd2..0000000 --- a/src/css/_partial/_post/_code.scss +++ /dev/null @@ -1,283 +0,0 @@ -code, pre { - padding: 7px; - font-size: $code-font-size; - font-family: $code-font-family; - background: $code-background; -} - -code { - padding: 3px 5px; - border-radius: 4px; - color: $code-color; -} - -// highlight.js -figure.highlight { - margin: 1em 0; - border-radius: 5px; - overflow-x: auto; - box-shadow: 1px 1px 2px rgba(0,0,0,0.125); - position: relative; - - table { - position: relative; - - &::after { - position: absolute; - top: 0; - right: 0; - left: 0; - padding: 2px 7px; - font-size: $code-font-size; - font-weight: bold; - color: darken($gray, 10%); - background: darken($code-background, 3%); - content: 'Code'; - } - } - - @each $sign, $text in $code-type-list { - &.#{$sign} > table::after { - content: $text; - } - } - - .code { - pre { - margin: 0; - padding: 30px 10px 10px; - } - } - - .gutter { - width: 10px; - color: $gray; - - pre { - margin: 0; - padding: 30px 7px 10px; - } - } - - .line { - // Fix code block null line height and - // Synchronous gutter and code line highly. - height: round($code-font-size * 1.5); - } - - table, tr, td { - margin: 0; - padding: 0; - width: 100%; - border-collapse: collapse; - } - - .code { - .hljs-comment, - .hljs-quote { - color: map-get($code-highlight-color, comment); - } - - .hljs-keyword, - .hljs-selector-tag, - .hljs-addition { - color: map-get($code-highlight-color, keyword); - } - - .hljs-number, - .hljs-string, - .hljs-meta .hljs-meta-string, - .hljs-literal, - .hljs-doctag, - .hljs-regexp { - color: map-get($code-highlight-color, number); - } - - .hljs-title, - .hljs-section, - .hljs-name, - .hljs-selector-id, - .hljs-selector-class { - color: map-get($code-highlight-color, title); - } - - .hljs-attribute, - .hljs-attr, - .hljs-variable, - .hljs-template-variable, - .hljs-class .hljs-title, - .hljs-type { - color: map-get($code-highlight-color, attribute); - } - - .hljs-symbol, - .hljs-bullet, - .hljs-subst, - .hljs-meta, - .hljs-meta .hljs-keyword, - .hljs-selector-attr, - .hljs-selector-pseudo, - .hljs-link { - color: map-get($code-highlight-color, symbol); - } - - .hljs-built_in, - .hljs-deletion { - color: map-get($code-highlight-color, built_in); - } - - .hljs-formula { - background: map-get($code-highlight-color, formula); - } - - .hljs-emphasis { - font-style: italic; - } - - .hljs-strong { - font-weight: bold; - } - } -} - -// chroma -.highlight > .chroma { - margin: 1em 0; - border-radius: 5px; - overflow-x: auto; - box-shadow: 1px 1px 2px rgba(0,0,0,0.125); - position: relative; - background: $code-background; - - code { - padding: 0; - } - - table { - position: relative; - - &::after { - position: absolute; - top: 0; - right: 0; - left: 0; - padding: 2px 7px; - font-size: $code-font-size; - font-weight: bold; - color: darken($gray, 10%); - background: darken($code-background, 3%); - content: 'Code'; - } - } - - @each $sign, $text in $code-type-list { - &.#{$sign} > table::after { - content: $text; - } - } - - .lntd { - // Fix code block null line height and - // Synchronous gutter and code line highly. - line-height: round($code-font-size * 1.5); - - &:first-child { - width: 10px; - - pre { - margin: 0; - padding: 30px 7px 10px; - } - } - - &:last-child { - vertical-align: top; - - pre { - margin: 0; - padding: 30px 10px 10px; - } - } - } - - table, tr, td { - margin: 0; - padding: 0; - width: 100%; - border-collapse: collapse; - } - - /* LineNumbersTable */ .lnt { color: $gray; } - /* LineHighlight */ .hl { display: block; width: 100%; background-color: #ffffcc } - - /* Keyword */ .k { color: #859900 } - /* KeywordConstant */ .kc { color: #859900; font-weight: bold } - /* KeywordDeclaration */ .kd { color: #859900 } - /* KeywordNamespace */ .kn { color: #dc322f; font-weight: bold } - /* KeywordPseudo */ .kp { color: #859900 } - /* KeywordReserved */ .kr { color: #859900 } - /* KeywordType */ .kt { color: #859900; font-weight: bold } - /* Name */ .n { color: #268bd2 } - /* NameAttribute */ .na { color: #268bd2 } - /* NameBuiltin */ .nb { color: #cb4b16 } - /* NameBuiltinPseudo */ .bp { color: #268bd2 } - /* NameClass */ .nc { color: #cb4b16 } - /* NameConstant */ .no { color: #268bd2 } - /* NameDecorator */ .nd { color: #268bd2 } - /* NameEntity */ .ni { color: #268bd2 } - /* NameException */ .ne { color: #268bd2 } - /* NameFunction */ .nf { color: #268bd2 } - /* NameFunctionMagic */ .fm { color: #268bd2 } - /* NameLabel */ .nl { color: #268bd2 } - /* NameNamespace */ .nn { color: #268bd2 } - /* NameOther */ .nx { color: #268bd2 } - /* NameProperty */ .py { color: #268bd2 } - /* NameTag */ .nt { color: #268bd2; font-weight: bold } - /* NameVariable */ .nv { color: #268bd2 } - /* NameVariableClass */ .vc { color: #268bd2 } - /* NameVariableGlobal */ .vg { color: #268bd2 } - /* NameVariableInstance */ .vi { color: #268bd2 } - /* NameVariableMagic */ .vm { color: #268bd2 } - /* Literal */ .l { color: #2aa198 } - /* LiteralDate */ .ld { color: #2aa198 } - /* LiteralString */ .s { color: #2aa198 } - /* LiteralStringAffix */ .sa { color: #2aa198 } - /* LiteralStringBacktick */ .sb { color: #2aa198 } - /* LiteralStringChar */ .sc { color: #2aa198 } - /* LiteralStringDelimiter */ .dl { color: #2aa198 } - /* LiteralStringDoc */ .sd { color: #2aa198 } - /* LiteralStringDouble */ .s2 { color: #2aa198 } - /* LiteralStringEscape */ .se { color: #2aa198 } - /* LiteralStringHeredoc */ .sh { color: #2aa198 } - /* LiteralStringInterpol */ .si { color: #2aa198 } - /* LiteralStringOther */ .sx { color: #2aa198 } - /* LiteralStringRegex */ .sr { color: #2aa198 } - /* LiteralStringSingle */ .s1 { color: #2aa198 } - /* LiteralStringSymbol */ .ss { color: #2aa198 } - /* LiteralNumber */ .m { color: #2aa198; font-weight: bold } - /* LiteralNumberBin */ .mb { color: #2aa198; font-weight: bold } - /* LiteralNumberFloat */ .mf { color: #2aa198; font-weight: bold } - /* LiteralNumberHex */ .mh { color: #2aa198; font-weight: bold } - /* LiteralNumberInteger */ .mi { color: #2aa198; font-weight: bold } - /* LiteralNumberIntegerLong */ .il { color: #2aa198; font-weight: bold } - /* LiteralNumberOct */ .mo { color: #2aa198; font-weight: bold } - /* OperatorWord */ .ow { color: #859900 } - /* Comment */ .c { color: #93a1a1; font-style: italic } - /* CommentHashbang */ .ch { color: #93a1a1; font-style: italic } - /* CommentMultiline */ .cm { color: #93a1a1; font-style: italic } - /* CommentSingle */ .c1 { color: #93a1a1; font-style: italic } - /* CommentSpecial */ .cs { color: #93a1a1; font-style: italic } - /* CommentPreproc */ .cp { color: #93a1a1; font-style: italic } - /* CommentPreprocFile */ .cpf { color: #93a1a1; font-style: italic } - /* Generic */ .g { color: #d33682 } - /* GenericDeleted */ .gd { color: #b58900 } - /* GenericEmph */ .ge { color: #d33682 } - /* GenericError */ .gr { color: #d33682 } - /* GenericHeading */ .gh { color: #d33682 } - /* GenericInserted */ .gi { color: #859900 } - /* GenericOutput */ .go { color: #d33682 } - /* GenericPrompt */ .gp { color: #d33682 } - /* GenericStrong */ .gs { color: #d33682 } - /* GenericSubheading */ .gu { color: #d33682 } - /* GenericTraceback */ .gt { color: #d33682 } -} -- cgit v1.2.3