commit 3743e9a2d38d2191f4636e62bbf06cf3d3c198e8 parent 2c650b362d6948d41d0e70fb234d9db6114a6eff Author: Michael Neuper <michael@michaelneuper.com> Date: Wed, 8 Nov 2023 10:07:58 +0200 Delete /assets/ Diffstat:
| D | assets/sass/fonts.scss | | | 64 | ---------------------------------------------------------------- |
| D | assets/sass/gruvbox.scss | | | 67 | ------------------------------------------------------------------- |
| D | assets/sass/layouts/common.scss | | | 223 | ------------------------------------------------------------------------------- |
| D | assets/sass/layouts/content.scss | | | 277 | ------------------------------------------------------------------------------- |
| D | assets/sass/layouts/index.scss | | | 59 | ----------------------------------------------------------- |
| D | assets/sass/layouts/list.scss | | | 81 | ------------------------------------------------------------------------------- |
| D | assets/sass/layouts/single.scss | | | 66 | ------------------------------------------------------------------ |
| D | assets/sass/solarized.scss | | | 26 | -------------------------- |
| D | assets/sass/syntax.scss | | | 711 | ------------------------------------------------------------------------------- |
| D | assets/sass/vars.scss | | | 17 | ----------------- |
10 files changed, 0 insertions(+), 1591 deletions(-)
diff --git a/assets/sass/fonts.scss b/assets/sass/fonts.scss @@ -1,63 +0,0 @@ -@font-face { - font-display: swap; - font-family: 'Latin Modern Mono'; - font-style: normal; - font-weight: bold; - src: url('../font/lmmono-bold.woff'); -} - -@font-face { - font-display: swap; - font-family: 'Latin Modern Mono'; - font-style: italic; - font-weight: bold; - src: url('../font/lmmono-bolditalic.woff'); -} - -@font-face { - font-display: swap; - font-family: 'Latin Modern Mono'; - font-style: italic; - font-weight: normal; - src: url('../font/lmmono-italic.woff'); -} - -@font-face { - font-display: swap; - font-family: 'Latin Modern Mono'; - font-style: normal; - font-weight: normal; - src: url('../font/lmmono-normal.woff'); -} - -@font-face { - font-display: swap; - font-family: 'Latin Modern Roman'; - font-style: normal; - font-weight: bold; - src: url('../font/lmroman-bold.woff'); -} - -@font-face { - font-display: swap; - font-family: 'Latin Modern Roman'; - font-style: italic; - font-weight: bold; - src: url('../font/lmroman-bolditalic.woff'); -} - -@font-face { - font-display: swap; - font-family: 'Latin Modern Roman'; - font-style: italic; - font-weight: normal; - src: url('../font/lmroman-italic.woff'); -} - -@font-face { - font-display: swap; - font-family: 'Latin Modern Roman'; - font-style: normal; - font-weight: normal; - src: url('../font/lmroman-normal.woff'); -} -\ No newline at end of file diff --git a/assets/sass/gruvbox.scss b/assets/sass/gruvbox.scss @@ -1,67 +0,0 @@ -:root { - --bg_h: #f9f5d7; - --bg: #fbf1c7; - --bg_s: #f2e5bc; - --bg1: #ebdbb2; - --bg2: #d5c4a1; - --bg3: #bdae93; - --bg4: #a89984; - - --fg: #282828; - --fg1: #3c3836; - --fg2: #504945; - --fg3: #665c54; - --fg4: #7c6f64; - - --red: #9d0006; - --green: #79740e; - --yellow: #b57614; - --blue: #076678; - --purple: #8f3f71; - --aqua: #427b58; - --orange: #af3a03; - --gray: #928374; - - --red-dim: #cc2412; - --green-dim: #98971a; - --yellow-dim: #d79921; - --blue-dim: #458598; - --purple-dim: #b16286; - --aqua-dim: #689d6a; - --orange-dim: #d65d0e; - --gray-dim: #7c6f64; -} - -.darkmode { - --bg_h: #1d2021; - --bg: #282828; - --bg_s: #32302f; - --bg1: #3c3836; - --bg2: #504945; - --bg3: #665c54; - --bg4: #7c6f64; - - --fg: #fbf1c7; - --fg1: #ebdbb2; - --fg2: #d5c4a1; - --fg3: #bdae93; - --fg4: #a89984; - - --red: #fb4934; - --green: #b8bb26; - --yellow: #fabd2f; - --blue: #83a598; - --purple: #d3869b; - --aqua: #8ec07c; - --gray: #928374; - --orange: #fe8019; - - --red-dim: #cc2412; - --green-dim: #98971a; - --yellow-dim: #d79921; - --blue-dim: #458588; - --purple-dim: #b16286; - --aqua-dim: #689d6a; - --gray-dim: #a89984; - --orange-dim: #d65d0e; -} diff --git a/assets/sass/layouts/common.scss b/assets/sass/layouts/common.scss @@ -1,223 +0,0 @@ -@use "sass:math"; - -@import "../vars"; -@import "../fonts"; - -// global -* { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -body { - background-color: var(--bg); - color: var(--fg); -} - -a { - text-decoration: none; - - &:link { - color: var(--blue-dim); - } - - &:hover, - &:visited { - color: var(--blue); - } -} - -::selection { - background-color: var(--blue); - color: white; -} - -time { - color: var(--fg4); - margin-left: 1rem; - min-width: 5rem; -} - -hr { - background-color: var(--fg4); - margin-top: $margin; - margin-bottom: $margin; - border: 0; - height: $border; -} - -#wrapper { - background-color: var(--bg); - display: flex; - flex-direction: column; - font-family: "Latin Modern Roman", "Times New Roman", serif; - min-height: 100vh; - overflow-wrap: break-word; - padding: 1rem $padding; - - @media screen and (max-width: $mobile-breakpoint) { - padding-left: math.div($padding, 3); - padding-right: math.div($padding, 3); - } -} - -.paginator { - align-items: flex-end; - display: flex; - flex-direction: row; - justify-content: space-between; - margin-top: 2rem; -} - -::-webkit-scrollbar { - background-color: var(--bg); - height: 8px; - width: 8px; -} - -::-webkit-scrollbar-thumb { - background-color: var(--fg4); - - &:hover { - background-color: var(--fg1); - } -} - -// header -#header { - align-items: center; - display: flex; - flex-direction: column; - - & > h1 { - text-align: center; - - @media screen and (min-width: $mobile-breakpoint) { - font-size: 2.8rem; - } - } - - & > nav { - display: flex; - flex-direction: row; - justify-content: space-around; - flex-wrap: wrap; - max-width: $mobile-breakpoint; - margin-top: 10px; - width: 100%; - - & > span > a { - font-size: 1.2rem; - color: var(--fg1); - text-decoration: none; - display: inline-block; - position: relative; - - &:after { - background-color: var(--fg1); - content: ""; - position: absolute; - width: 100%; - transform: scaleX(0); - height: $border; - bottom: 0; - left: 0; - transform-origin: bottom right; - transition: transform 0.25s ease-out; - } - - &:hover:after { - transform: scaleX(1); - transform-origin: bottom left; - } - } - } - - a, - a:hover, - a:visited { - color: var(--fg1); - } -} - -// main -main { - margin: 0 $margin; -} - -#main { - align-self: center; - display: flex; - flex-direction: column; - flex-grow: 1; - max-width: 100%; - padding: 0; - width: calc(100% - 2rem); // TODO -} - -// footer -#footer { - color: var(--fg4); - align-items: center; - display: flex; - font-size: 0.9rem; - flex-direction: column; - margin-top: $margin; - - & > .footnote { - text-align: center; - } -} - -// misc -#sharingbuttons { - align-items: center; - display: flex; - flex-direction: row; - justify-content: space-between; - margin-top: 1rem; - flex-wrap: wrap; -} - -.dark-mode-toggle { - background-color: var(--bg); - color: var(--fg); - position: absolute; - top: calc(((4px + $margin) / 2) + 12.55px); - right: $padding; - border: none; - padding: 0.5rem; - border-radius: $radius; - cursor: pointer; - transition: opacity 0.3s; - - &:hover { - color: var(--fg1); - } - - @media screen { - @media screen and (max-width: $mobile-breakpoint) { - right: calc((4px + $margin) / 2); - } - } -} - -.icon { - padding-right: 0.1em; - padding-left: 0.1em; - - svg { - fill: var(--fg); - } -} - -.taxonomy-svg { - padding: 0; - top: 0.125em; - position: relative; -} - -.row { - margin-left: 2rem; -} diff --git a/assets/sass/layouts/content.scss b/assets/sass/layouts/content.scss @@ -1,277 +0,0 @@ -@use "sass:math"; - -@import "../vars"; -@import "../syntax"; - -.content { - .MathJax { - font-size: 100% !important; - overflow-x: auto; - overflow-y: hidden; - } - - .katex { - font-size: 100% !important; - overflow-x: auto; - overflow-y: hidden; - } - - :last-child { - margin-bottom: 0; - } - - a { - text-decoration: none; - - &.footnote-ref { - &::before { - content: "["; - } - &::after { - content: "]"; - } - } - } - - blockquote { - background: var(--bg_s); - border-left: var(--fg) $border solid; - border-radius: $radius; - font-style: italic; - padding: 1rem 2rem; - } - - code { - background-color: var(--bg_s); - border-radius: $radius; - font-family: "Latin Modern Mono", Courier, monospace; - padding: 0 0.2rem; - } - - pre { - background-color: var(--bg_s) !important; - border-radius: $radius; - font-family: "Latin Modern Mono", Courier, monospace; - position: relative; - overflow-x: auto; - padding: 1rem; - - code { - padding: 0; - } - } - - mark { - background-color: var(--bg_s); - color: var(--fg1); - border-radius: $radius; - padding: 0 0.2rem; - } - - kbd { - background-color: var(--bg_s); - color: var(--fg1); - border-radius: $radius; - } - - table { - display: block; - overflow-x: auto; - margin: auto; - background-color: var(--bg); - border-collapse: collapse; - border: none; - - td, - th { - border: var(--fg4) $border solid; - padding: 0.1rem 0.5rem; - } - - th { - background-color: var(--bg_s); - color: var(--fg4); - } - } - - ol, - ul { - margin-left: $margin; - } -} - -button.copy-button { - background-color: var(--background); - color: var(--fg1); - position: absolute; - top: calc((4px + $margin) / 2); - right: calc((4px + $margin) / 2); - opacity: 0.7; - border: none; - padding: 0.5rem; - border-radius: $radius; - cursor: pointer; - transition: opacity 0.3s; - - &:hover { - opacity: 1; - } - - .octicon-check { - color: var(--green); - } -} - -.book-container { - clear: both; - - & > img { - margin-left: 50px; - } -} - -.content blockquote, -.content div, -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6, -.content p, -.content pre, -.content ol, -.content table, -.content ul { - margin-bottom: $margin; -} - -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - line-height: $f * $phi; -} - -.content h1 { - font-size: $f * math.pow($phi, 2); -} - -.content h2 { - font-size: $f * math.pow($phi, math.div(3, 2)); -} - -.content h3 { - font-size: $f * $phi; -} - -.content h4 { - font-size: $f * math.sqrt($phi); -} - -.content h5 { - font-size: $f; -} - -.content h6 { - font-size: math.div($f, math.sqrt($phi)); -} - -.content img { - max-width: 100%; -} - -.content p { - text-align: justify; -} - -// .content -.content strong.chinese { - font-weight: normal; - text-emphasis-style: dot; - text-emphasis-position: under; - -webkit-text-emphasis-style: dot; - -webkit-text-emphasis-position: under; -} - -.content.numbered-subtitles { - counter-reset: section-h2; - h2 { - counter-reset: section-h3; - &:before { - counter-increment: section-h2; - content: counter(section-h2) " "; - } - } - h3 { - counter-reset: section-h4; - &:before { - counter-increment: section-h3; - content: counter(section-h2) "." counter(section-h3) " "; - } - } - h4 { - counter-reset: section-h5; - &:before { - counter-increment: section-h4; - content: counter(section-h2) "." counter(section-h3) "." - counter(section-h4) " "; - } - } - h5 { - counter-reset: section-h6; - &:before { - counter-increment: section-h5; - content: counter(section-h2) "." counter(section-h3) "." - counter(section-h4) "." counter(section-h5) " "; - } - } - h6 { - &:before { - counter-increment: section-h6; - content: counter(section-h2) "." counter(section-h3) "." - counter(section-h4) "." counter(section-h5) "." counter(section-h6) " "; - } - } -} -.toc.numbered-subtitles { - counter-reset: ul-h2; - li { - counter-reset: ul-h3; - &:before { - counter-increment: ul-h2; - content: counter(ul-h2) " "; - } - li { - counter-reset: ul-h4; - &:before { - counter-increment: ul-h3; - content: counter(ul-h2) "." counter(ul-h3) " "; - } - li { - counter-reset: ul-h5; - &:before { - counter-increment: ul-h4; - content: counter(ul-h2) "." counter(ul-h3) "." counter(ul-h4) " "; - } - li { - counter-reset: ul-h6; - &:before { - counter-increment: ul-h5; - content: counter(ul-h2) "." counter(ul-h3) "." counter(ul-h4) "." - counter(ul-h5) " "; - } - li { - &:before { - counter-increment: ul-h6; - content: counter(ul-h2) "." counter(ul-h3) "." counter(ul-h4) "." - counter(ul-h5) "." counter(ul-h6) " "; - } - } - } - } - } - } -} diff --git a/assets/sass/layouts/index.scss b/assets/sass/layouts/index.scss @@ -1,59 +0,0 @@ -@use "sass:math"; - -@import "../vars"; - -.grid-container { - display: grid; - grid-template-columns: 3fr 1fr; - gap: $margin * 2; - - @media (max-width: $mobile-breakpoint) { - grid-template-columns: 1fr; - } - - .sidebar { - flex: 1; - - @media screen and (max-width: $mobile-breakpoint) { - order: 1; - } - - h3.taxonomy > a { - color: var(--fg); - - &:visited { - color: var(--fg); - } - - &:hover { - color: var(--fg1); - } - } - - ul { - list-style: none; - padding: 0; - border-color: var(--fg4); - display: block; - padding: math.div($margin, 2); - margin-top: math.div($margin, 2); - margin-bottom: math.div($margin, 2); - border: $border solid; - border-radius: $radius; - - li a { - text-decoration: none; - display: block; - padding: 2px 12px; - color: var(--fg); - transition: color 0.3s, background-color 0.3s; - - &:hover { - color: var(--fg1); - background-color: var(--bg_s); - border-radius: $radius; - } - } - } - } -} diff --git a/assets/sass/layouts/list.scss b/assets/sass/layouts/list.scss @@ -1,81 +0,0 @@ -@import "../vars"; - -#main { - & > .post-group { - & > ul { - border-left: var(--fg4) solid $border; - list-style-type: none; - margin-left: 0.5rem; - padding-left: $margin; - - & > li { - align-items: center; - display: flex; - flex-direction: row; - justify-content: space-between; - line-height: 1.6; - - & > time { - text-align: right; - } - } - - @media screen and (min-width: $mobile-breakpoint) { - margin-left: 1rem; - padding-left: 2rem; - } - } - - a { - text-decoration: none; - transition: text-decoration 0.3s ease; - - &:hover { - text-decoration: underline; - } - } - } -} - -#searchbox { - align-items: center; - display: flex; - flex-direction: row; - justify-content: space-between; - margin-top: 0; - margin-bottom: $margin; - - #ddgSearch { - position: relative; - display: inline-block; - - input { - color: var(--fg1); - background-color: var(--bg_s); - font-family: sans-serif; - padding-left: 10px; - width: 200px; - height: 1.7rem; - border: $border solid var(--fg4); - border-radius: $radius; - - &:focus { - outline: 1px solid var(--fg1); - } - } - - button { - position: absolute; - aspect-ratio: 1rem; - right: 1em; - top: 4.9px; - background-color: transparent; - border: none; - cursor: pointer; - - svg { - fill: var(--fg1); - } - } - } -} diff --git a/assets/sass/layouts/single.scss b/assets/sass/layouts/single.scss @@ -1,66 +0,0 @@ -@import "../vars"; - -#main { - & > h1 { - text-align: center; - } - - .post-heading { - text-align: center; - - .publish-date { - color: var(--text-secondary); - font-size: large; - padding-top: 0.5rem; - } - } - - .tag { - background-color: var(--bg_s); - border-radius: $radius; - padding: 0.2em 0.3em; - } - - .toc { - background-color: var(--bg_s); - border: var(--fg4) 1px dashed; - border-radius: $radius; - display: inline-block; - margin: 1rem; - padding: 0.5rem 1rem; - - a { - color: var(--fg); - - &:hover { - text-decoration: underline; - } - } - - li > ul { - margin-left: 1.5rem; - } - - ul { - list-style: none; - } - - &:target { - background-color: var(--bg_s); - } - } - - .warning { - background-color: var(--red); - color: white; - font-size: 1.1rem; - margin: 2rem 0; - padding: 1rem 0; - text-align: center; - border-radius: $radius; - } - - .content { - padding-top: 1rem; - } -} diff --git a/assets/sass/solarized.scss b/assets/sass/solarized.scss @@ -1,26 +0,0 @@ -:root { - --bg: #fdf6e3; - --bg_s: #eee8d5; - --fg: #657b83; - --fg4: #93a1a1; - --fg1: #586e75; -} - -.darkmode { - --bg: #002b36; - --bg_s: #073642; - --fg: #839496; - --fg4: #586e75; - --fg1: #93a1a1; -} - -:root { - --yellow: #b58900; - --orange: #cb4b16; - --red: #dc322f; - --magenta: #d33682; - --violet: #6c71c4; - --blue: #268bd2; - --cyan: #2aa198; - --green: #859900; -} diff --git a/assets/sass/syntax.scss b/assets/sass/syntax.scss @@ -1,711 +0,0 @@ -/* Background */ -.bg { - color: #3c3836; - background-color: #fbf1c7; -} -/* PreWrapper */ -.chroma { - color: #3c3836; - background-color: #fbf1c7; -} -/* Other */ -.chroma .x { -} -/* Error */ -.chroma .err { -} -/* CodeLine */ -.chroma .cl { -} -/* LineLink */ -.chroma .lnlinks { - outline: none; - text-decoration: none; - color: inherit; -} -/* LineTableTD */ -.chroma .lntd { - vertical-align: top; - padding: 0; - margin: 0; - border: 0; -} -/* LineTable */ -.chroma .lntable { - border-spacing: 0; - padding: 0; - margin: 0; - border: 0; -} -/* LineHighlight */ -.chroma .hl { - background-color: #e1d8b3; -} -/* LineNumbersTable */ -.chroma .lnt { - white-space: pre; - -webkit-user-select: none; - user-select: none; - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #9d9b9a; -} -/* LineNumbers */ -.chroma .ln { - white-space: pre; - -webkit-user-select: none; - user-select: none; - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #9d9b9a; -} -/* Line */ -.chroma .line { - display: flex; -} -/* Keyword */ -.chroma .k { - color: #af3a03; -} -/* KeywordConstant */ -.chroma .kc { - color: #af3a03; -} -/* KeywordDeclaration */ -.chroma .kd { - color: #af3a03; -} -/* KeywordNamespace */ -.chroma .kn { - color: #af3a03; -} -/* KeywordPseudo */ -.chroma .kp { - color: #af3a03; -} -/* KeywordReserved */ -.chroma .kr { - color: #af3a03; -} -/* KeywordType */ -.chroma .kt { - color: #b57614; -} -/* Name */ -.chroma .n { -} -/* NameAttribute */ -.chroma .na { - color: #79740e; - font-weight: bold; -} -/* NameBuiltin */ -.chroma .nb { - color: #b57614; -} -/* NameBuiltinPseudo */ -.chroma .bp { -} -/* NameClass */ -.chroma .nc { -} -/* NameConstant */ -.chroma .no { - color: #d3869b; -} -/* NameDecorator */ -.chroma .nd { -} -/* NameEntity */ -.chroma .ni { - color: #b57614; -} -/* NameException */ -.chroma .ne { - color: #fb4934; -} -/* NameFunction */ -.chroma .nf { - color: #b57614; -} -/* NameFunctionMagic */ -.chroma .fm { -} -/* NameLabel */ -.chroma .nl { - color: #9d0006; -} -/* NameNamespace */ -.chroma .nn { -} -/* NameOther */ -.chroma .nx { -} -/* NameProperty */ -.chroma .py { -} -/* NameTag */ -.chroma .nt { - color: #9d0006; -} -/* NameVariable */ -.chroma .nv { -} -/* NameVariableClass */ -.chroma .vc { -} -/* NameVariableGlobal */ -.chroma .vg { -} -/* NameVariableInstance */ -.chroma .vi { -} -/* NameVariableMagic */ -.chroma .vm { -} -/* Literal */ -.chroma .l { -} -/* LiteralDate */ -.chroma .ld { -} -/* LiteralString */ -.chroma .s { - color: #79740e; -} -/* LiteralStringAffix */ -.chroma .sa { - color: #79740e; -} -/* LiteralStringBacktick */ -.chroma .sb { - color: #79740e; -} -/* LiteralStringChar */ -.chroma .sc { - color: #79740e; -} -/* LiteralStringDelimiter */ -.chroma .dl { - color: #79740e; -} -/* LiteralStringDoc */ -.chroma .sd { - color: #79740e; -} -/* LiteralStringDouble */ -.chroma .s2 { - color: #79740e; -} -/* LiteralStringEscape */ -.chroma .se { - color: #79740e; -} -/* LiteralStringHeredoc */ -.chroma .sh { - color: #79740e; -} -/* LiteralStringInterpol */ -.chroma .si { - color: #79740e; -} -/* LiteralStringOther */ -.chroma .sx { - color: #79740e; -} -/* LiteralStringRegex */ -.chroma .sr { - color: #79740e; -} -/* LiteralStringSingle */ -.chroma .s1 { - color: #79740e; -} -/* LiteralStringSymbol */ -.chroma .ss { - color: #076678; -} -/* LiteralNumber */ -.chroma .m { - color: #8f3f71; -} -/* LiteralNumberBin */ -.chroma .mb { - color: #8f3f71; -} -/* LiteralNumberFloat */ -.chroma .mf { - color: #8f3f71; -} -/* LiteralNumberHex */ -.chroma .mh { - color: #8f3f71; -} -/* LiteralNumberInteger */ -.chroma .mi { - color: #8f3f71; -} -/* LiteralNumberIntegerLong */ -.chroma .il { - color: #8f3f71; -} -/* LiteralNumberOct */ -.chroma .mo { - color: #8f3f71; -} -/* Operator */ -.chroma .o { - color: #af3a03; -} -/* OperatorWord */ -.chroma .ow { - color: #af3a03; -} -/* Punctuation */ -.chroma .p { -} -/* Comment */ -.chroma .c { - color: #928374; - font-style: italic; -} -/* CommentHashbang */ -.chroma .ch { - color: #928374; - font-style: italic; -} -/* CommentMultiline */ -.chroma .cm { - color: #928374; - font-style: italic; -} -/* CommentSingle */ -.chroma .c1 { - color: #928374; - font-style: italic; -} -/* CommentSpecial */ -.chroma .cs { - color: #928374; - font-style: italic; -} -/* CommentPreproc */ -.chroma .cp { - color: #427b58; -} -/* CommentPreprocFile */ -.chroma .cpf { - color: #427b58; - font-style: italic; -} -/* Generic */ -.chroma .g { -} -/* GenericDeleted */ -.chroma .gd { - color: #282828; - background-color: #9d0006; -} -/* GenericEmph */ -.chroma .ge { - color: #076678; - text-decoration: underline; -} -/* GenericError */ -.chroma .gr { - background-color: #9d0006; - font-weight: bold; -} -/* GenericHeading */ -.chroma .gh { - color: #79740e; - font-weight: bold; -} -/* GenericInserted */ -.chroma .gi { - color: #282828; - background-color: #79740e; -} -/* GenericOutput */ -.chroma .go { - color: #504945; -} -/* GenericPrompt */ -.chroma .gp { -} -/* GenericStrong */ -.chroma .gs { -} -/* GenericSubheading */ -.chroma .gu { - color: #79740e; - font-weight: bold; -} -/* GenericTraceback */ -.chroma .gt { - background-color: #3c3836; - font-weight: bold; -} -/* GenericUnderline */ -.chroma .gl { -} -/* TextWhitespace */ -.chroma .w { -} - -.darkmode { - /* Background */ - .bg { - color: #ebdbb2; - background-color: #282828; - } - /* PreWrapper */ - .chroma { - color: #ebdbb2; - background-color: #282828; - } - /* Other */ - .chroma .x { - } - /* Error */ - .chroma .err { - } - /* CodeLine */ - .chroma .cl { - } - /* LineLink */ - .chroma .lnlinks { - outline: none; - text-decoration: none; - color: inherit; - } - /* LineTableTD */ - .chroma .lntd { - vertical-align: top; - padding: 0; - margin: 0; - border: 0; - } - /* LineTable */ - .chroma .lntable { - border-spacing: 0; - padding: 0; - margin: 0; - border: 0; - } - /* LineHighlight */ - .chroma .hl { - background-color: #3d3d3d; - } - /* LineNumbersTable */ - .chroma .lnt { - white-space: pre; - -webkit-user-select: none; - user-select: none; - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #756d59; - } - /* LineNumbers */ - .chroma .ln { - white-space: pre; - -webkit-user-select: none; - user-select: none; - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #756d59; - } - /* Line */ - .chroma .line { - display: flex; - } - /* Keyword */ - .chroma .k { - color: #fe8019; - } - /* KeywordConstant */ - .chroma .kc { - color: #fe8019; - } - /* KeywordDeclaration */ - .chroma .kd { - color: #fe8019; - } - /* KeywordNamespace */ - .chroma .kn { - color: #fe8019; - } - /* KeywordPseudo */ - .chroma .kp { - color: #fe8019; - } - /* KeywordReserved */ - .chroma .kr { - color: #fe8019; - } - /* KeywordType */ - .chroma .kt { - color: #fabd2f; - } - /* Name */ - .chroma .n { - } - /* NameAttribute */ - .chroma .na { - color: #b8bb26; - font-weight: bold; - } - /* NameBuiltin */ - .chroma .nb { - color: #fabd2f; - } - /* NameBuiltinPseudo */ - .chroma .bp { - } - /* NameClass */ - .chroma .nc { - } - /* NameConstant */ - .chroma .no { - color: #d3869b; - } - /* NameDecorator */ - .chroma .nd { - } - /* NameEntity */ - .chroma .ni { - color: #fabd2f; - } - /* NameException */ - .chroma .ne { - color: #fb4934; - } - /* NameFunction */ - .chroma .nf { - color: #fabd2f; - } - /* NameFunctionMagic */ - .chroma .fm { - } - /* NameLabel */ - .chroma .nl { - color: #fb4934; - } - /* NameNamespace */ - .chroma .nn { - } - /* NameOther */ - .chroma .nx { - } - /* NameProperty */ - .chroma .py { - } - /* NameTag */ - .chroma .nt { - color: #fb4934; - } - /* NameVariable */ - .chroma .nv { - } - /* NameVariableClass */ - .chroma .vc { - } - /* NameVariableGlobal */ - .chroma .vg { - } - /* NameVariableInstance */ - .chroma .vi { - } - /* NameVariableMagic */ - .chroma .vm { - } - /* Literal */ - .chroma .l { - } - /* LiteralDate */ - .chroma .ld { - } - /* LiteralString */ - .chroma .s { - color: #b8bb26; - } - /* LiteralStringAffix */ - .chroma .sa { - color: #b8bb26; - } - /* LiteralStringBacktick */ - .chroma .sb { - color: #b8bb26; - } - /* LiteralStringChar */ - .chroma .sc { - color: #b8bb26; - } - /* LiteralStringDelimiter */ - .chroma .dl { - color: #b8bb26; - } - /* LiteralStringDoc */ - .chroma .sd { - color: #b8bb26; - } - /* LiteralStringDouble */ - .chroma .s2 { - color: #b8bb26; - } - /* LiteralStringEscape */ - .chroma .se { - color: #b8bb26; - } - /* LiteralStringHeredoc */ - .chroma .sh { - color: #b8bb26; - } - /* LiteralStringInterpol */ - .chroma .si { - color: #b8bb26; - } - /* LiteralStringOther */ - .chroma .sx { - color: #b8bb26; - } - /* LiteralStringRegex */ - .chroma .sr { - color: #b8bb26; - } - /* LiteralStringSingle */ - .chroma .s1 { - color: #b8bb26; - } - /* LiteralStringSymbol */ - .chroma .ss { - color: #83a598; - } - /* LiteralNumber */ - .chroma .m { - color: #d3869b; - } - /* LiteralNumberBin */ - .chroma .mb { - color: #d3869b; - } - /* LiteralNumberFloat */ - .chroma .mf { - color: #d3869b; - } - /* LiteralNumberHex */ - .chroma .mh { - color: #d3869b; - } - /* LiteralNumberInteger */ - .chroma .mi { - color: #d3869b; - } - /* LiteralNumberIntegerLong */ - .chroma .il { - color: #d3869b; - } - /* LiteralNumberOct */ - .chroma .mo { - color: #d3869b; - } - /* Operator */ - .chroma .o { - color: #fe8019; - } - /* OperatorWord */ - .chroma .ow { - color: #fe8019; - } - /* Punctuation */ - .chroma .p { - } - /* Comment */ - .chroma .c { - color: #928374; - font-style: italic; - } - /* CommentHashbang */ - .chroma .ch { - color: #928374; - font-style: italic; - } - /* CommentMultiline */ - .chroma .cm { - color: #928374; - font-style: italic; - } - /* CommentSingle */ - .chroma .c1 { - color: #928374; - font-style: italic; - } - /* CommentSpecial */ - .chroma .cs { - color: #928374; - font-style: italic; - } - /* CommentPreproc */ - .chroma .cp { - color: #8ec07c; - } - /* CommentPreprocFile */ - .chroma .cpf { - color: #8ec07c; - font-style: italic; - } - /* Generic */ - .chroma .g { - } - /* GenericDeleted */ - .chroma .gd { - color: #282828; - background-color: #fb4934; - } - /* GenericEmph */ - .chroma .ge { - color: #83a598; - text-decoration: underline; - } - /* GenericError */ - .chroma .gr { - background-color: #fb4934; - font-weight: bold; - } - /* GenericHeading */ - .chroma .gh { - color: #b8bb26; - font-weight: bold; - } - /* GenericInserted */ - .chroma .gi { - color: #282828; - background-color: #b8bb26; - } - /* GenericOutput */ - .chroma .go { - color: #504945; - } - /* GenericPrompt */ - .chroma .gp { - } - /* GenericStrong */ - .chroma .gs { - } - /* GenericSubheading */ - .chroma .gu { - color: #b8bb26; - font-weight: bold; - } - /* GenericTraceback */ - .chroma .gt { - background-color: #fb4934; - font-weight: bold; - } - /* GenericUnderline */ - .chroma .gl { - } - /* TextWhitespace */ - .chroma .w { - } -} diff --git a/assets/sass/vars.scss b/assets/sass/vars.scss @@ -1,17 +0,0 @@ -@use "sass:math"; - -@use "gruvbox.scss"; - -// https://grtcalculator.com/math/ - -$phi: math.div(1 + math.sqrt(5), 2); -// $f: 1.1rem * math.sqrt($phi); -$f: math.div(2.4rem, math.pow($phi, 2)); - -$radius: 0.25rem; -$margin: 1rem; -$max-width: 70vw; -// $max-width: math.pow(16 * $phi, 2) * (1 + 2 * $phi * (26 / 16 - $phi)); -$padding: math.div(100vw - $max-width, 2); -$border: 2px; -$mobile-breakpoint: 768px;