diff options
Diffstat (limited to 'themes/hugo-theme-stack/assets/scss')
22 files changed, 0 insertions, 3026 deletions
diff --git a/themes/hugo-theme-stack/assets/scss/breakpoints.scss b/themes/hugo-theme-stack/assets/scss/breakpoints.scss deleted file mode 100644 index e9e9de7..0000000 --- a/themes/hugo-theme-stack/assets/scss/breakpoints.scss +++ /dev/null @@ -1,17 +0,0 @@ -$breakpoints: ( - sm: 640px, - md: 768px, - lg: 1024px, - xl: 1280px, - 2xl: 1536px, -); - -@mixin respond($breakpoint) { - @if not map-has-key($breakpoints, $breakpoint) { - @warn "'#{$breakpoint}' is not a valid breakpoint"; - } @else { - @media (min-width: map-get($breakpoints, $breakpoint)) { - @content; - } - } -} diff --git a/themes/hugo-theme-stack/assets/scss/custom.scss b/themes/hugo-theme-stack/assets/scss/custom.scss deleted file mode 100644 index 61fa80f..0000000 --- a/themes/hugo-theme-stack/assets/scss/custom.scss +++ /dev/null @@ -1 +0,0 @@ -/* Place your custom SCSS in HUGO_SITE_FOLDER/assets/scss/custom.scss */
\ No newline at end of file diff --git a/themes/hugo-theme-stack/assets/scss/external/normalize.scss b/themes/hugo-theme-stack/assets/scss/external/normalize.scss deleted file mode 100644 index c45a85f..0000000 --- a/themes/hugo-theme-stack/assets/scss/external/normalize.scss +++ /dev/null @@ -1,349 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - - html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - } - - /* Sections - ========================================================================== */ - - /** - * Remove the margin in all browsers. - */ - - body { - margin: 0; - } - - /** - * Render the `main` element consistently in IE. - */ - - main { - display: block; - } - - /** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - - h1 { - font-size: 2em; - margin: 0.67em 0; - } - - /* Grouping content - ========================================================================== */ - - /** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - - hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ - } - - /** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - - pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ - } - - /* Text-level semantics - ========================================================================== */ - - /** - * Remove the gray background on active links in IE 10. - */ - - a { - background-color: transparent; - } - - /** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - - abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ - } - - /** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - - b, - strong { - font-weight: bolder; - } - - /** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - - code, - kbd, - samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ - } - - /** - * Add the correct font size in all browsers. - */ - - small { - font-size: 80%; - } - - /** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - - sub, - sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - - sub { - bottom: -0.25em; - } - - sup { - top: -0.5em; - } - - /* Embedded content - ========================================================================== */ - - /** - * Remove the border on images inside links in IE 10. - */ - - img { - border-style: none; - } - - /* Forms - ========================================================================== */ - - /** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - - button, - input, - optgroup, - select, - textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ - } - - /** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - - button, - input { /* 1 */ - overflow: visible; - } - - /** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - - button, - select { /* 1 */ - text-transform: none; - } - - /** - * Correct the inability to style clickable types in iOS and Safari. - */ - - button, - [type="button"], - [type="reset"], - [type="submit"] { - -webkit-appearance: button; - } - - /** - * Remove the inner border and padding in Firefox. - */ - - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; - } - - /** - * Restore the focus styles unset by the previous rule. - */ - - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; - } - - /** - * Correct the padding in Firefox. - */ - - fieldset { - padding: 0.35em 0.75em 0.625em; - } - - /** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - - legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ - } - - /** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - - progress { - vertical-align: baseline; - } - - /** - * Remove the default vertical scrollbar in IE 10+. - */ - - textarea { - overflow: auto; - } - - /** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - - [type="checkbox"], - [type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ - } - - /** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - - [type="number"]::-webkit-inner-spin-button, - [type="number"]::-webkit-outer-spin-button { - height: auto; - } - - /** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - - [type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ - } - - /** - * Remove the inner padding in Chrome and Safari on macOS. - */ - - [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; - } - - /** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - - ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ - } - - /* Interactive - ========================================================================== */ - - /* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - - details { - display: block; - } - - /* - * Add the correct display in all browsers. - */ - - summary { - display: list-item; - } - - /* Misc - ========================================================================== */ - - /** - * Add the correct display in IE 10+. - */ - - template { - display: none; - } - - /** - * Add the correct display in IE 10. - */ - - [hidden] { - display: none; - }
\ No newline at end of file diff --git a/themes/hugo-theme-stack/assets/scss/general.scss b/themes/hugo-theme-stack/assets/scss/general.scss deleted file mode 100644 index e12bb0e..0000000 --- a/themes/hugo-theme-stack/assets/scss/general.scss +++ /dev/null @@ -1,31 +0,0 @@ -a { - text-decoration: none; - color: var(--accent-color); - - &:hover { - color: var(--accent-color-darker); - } - - &.link { - box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset; - transition: all 0.3s ease; - - &:hover { - box-shadow: 0px calc(-1rem * var(--article-line-height)) 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset; - } - } -} - -.section-title { - text-transform: uppercase; - margin-top: 0; - margin-bottom: 10px; - display: block; - font-size: 1.6rem; - font-weight: bold; - color: var(--body-text-color); - - a { - color: var(--body-text-color); - } -} diff --git a/themes/hugo-theme-stack/assets/scss/grid.scss b/themes/hugo-theme-stack/assets/scss/grid.scss deleted file mode 100644 index 9284da9..0000000 --- a/themes/hugo-theme-stack/assets/scss/grid.scss +++ /dev/null @@ -1,101 +0,0 @@ -.container { - margin-left: auto; - margin-right: auto; - - .left-sidebar { - order: -3; - max-width: var(--left-sidebar-max-width); - } - - .right-sidebar { - order: -1; - max-width: var(--right-sidebar-max-width); - - /// Display right sidebar when min-width: lg - @include respond(lg) { - display: flex; - } - } - - &.extended { - @include respond(md) { - max-width: 1024px; - --left-sidebar-max-width: 25%; - --right-sidebar-max-width: 30%; - } - - @include respond(lg) { - max-width: 1280px; - --left-sidebar-max-width: 20%; - --right-sidebar-max-width: 30%; - } - - @include respond(xl) { - max-width: 1536px; - --left-sidebar-max-width: 15%; - --right-sidebar-max-width: 25%; - } - } - - &.compact { - @include respond(md) { - --left-sidebar-max-width: 25%; - max-width: 768px; - } - - @include respond(lg) { - max-width: 1024px; - --left-sidebar-max-width: 20%; - } - - @include respond(xl) { - max-width: 1280px; - } - } -} - -.flex { - display: flex; - flex-direction: row; - - &.column { - flex-direction: column; - } - - &.on-phone--column { - flex-direction: column; - @include respond(md) { - flex-direction: unset; - } - } - - .full-width { - width: 100%; - } -} - -main.main { - order: -2; - min-width: 0; - max-width: 100%; - flex-grow: 1; - display: flex; - flex-direction: column; - gap: var(--section-separation); - - @include respond(md) { - padding-top: var(--main-top-padding); - } -} - -.main-container { - min-height: 100vh; - align-items: flex-start; - padding: 0 15px; - gap: var(--section-separation); - padding-top: var(--main-top-padding); - - @include respond(md) { - padding: 0 20px; - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/article.scss b/themes/hugo-theme-stack/assets/scss/partials/article.scss deleted file mode 100644 index 6c2feb1..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/article.scss +++ /dev/null @@ -1,278 +0,0 @@ -/* Default article style */ -.article-list { - display: flex; - flex-direction: column; - gap: var(--section-separation); - - article { - display: flex; - flex-direction: column; - background-color: var(--card-background); - box-shadow: var(--shadow-l1); - border-radius: var(--card-border-radius); - overflow: hidden; - - transition: box-shadow 0.3s ease; - - &:hover { - box-shadow: var(--shadow-l2); - } - - .article-image { - img { - width: 100%; - height: 150px; - object-fit: cover; - - @include respond(md) { - height: 200px; - } - - @include respond(xl) { - height: 250px; - } - } - } - - @for $i from 1 through length($defaultTagBackgrounds) { - &:nth-child(#{length($defaultTagBackgrounds)}n + #{$i}) { - .article-category a { - background: nth($defaultTagBackgrounds, $i); - color: nth($defaultTagColors, $i); - } - } - } - } -} - -.article-details { - display: flex; - flex-direction: column; - justify-content: center; - padding: var(--card-padding); - gap: 15px; -} - -.article-title { - font-family: var(--article-font-family); - font-weight: 600; - margin: 0; - color: var(--card-text-color-main); - font-size: 2.2rem; - - @include respond(xl) { - font-size: 2.4rem; - } - - a { - color: var(--card-text-color-main); - - &:hover { - color: var(--card-text-color-main); - } - } -} - -.article-subtitle { - font-weight: normal; - color: var(--card-text-color-secondary); - line-height: 1.5; - margin: 0; - font-size: 1.75rem; - @include respond(xl) { - font-size: 2rem; - } -} - -.article-title-wrapper { - display: flex; - flex-direction: column; - gap: 8px; -} - -.article-time, -.article-translations { - display: flex; - color: var(--card-text-color-tertiary); - gap: 15px; - - svg { - vertical-align: middle; - width: 20px; - height: 20px; - stroke-width: 1.33; - flex-shrink: 0; - } - - time, - a { - font-size: 1.4rem; - color: var(--card-text-color-tertiary); - } - - & > div { - display: inline-flex; - align-items: center; - gap: 15px; - } -} - -.article-time { - flex-wrap: wrap; -} - -.article-translations { - & > div { - flex-wrap: wrap; - } -} - -.article-category, -.article-tags { - display: flex; - gap: 10px; - flex-wrap: wrap; - - a { - color: var(--accent-color-text); - background-color: var(--accent-color); - padding: 8px 16px; - border-radius: var(--tag-border-radius); - display: inline-block; - font-size: 1.4rem; - transition: background-color 0.5s ease; - - &:hover { - color: var(--accent-color-text); - background-color: var(--accent-color-darker); - } - } -} - -/* Compact style article list */ -.article-list--compact { - border-radius: var(--card-border-radius); - box-shadow: var(--shadow-l1); - background-color: var(--card-background); - --image-size: 50px; - - @include respond(md) { - --image-size: 60px; - } - - article { - & > a { - display: flex; - align-items: center; - padding: var(--small-card-padding); - gap: 15px; - } - - &:not(:last-of-type) { - border-bottom: 1.5px solid var(--card-separator-color); - } - - .article-details { - flex-grow: 1; - padding: 0; - min-height: var(--image-size); - gap: 10px; - } - - .article-title { - margin: 0; - font-size: 1.6rem; - - @include respond(md) { - font-size: 1.8rem; - } - } - - .article-image { - img { - width: var(--image-size); - height: var(--image-size); - object-fit: cover; - } - } - - .article-time { - font-size: 1.4rem; - } - - .article-preview { - font-size: 1.4rem; - color: var(--card-text-color-tertiary); - margin-top: 10px; - line-height: 1.5; - } - } -} - -/* Tile style article list */ -.article-list--tile { - article { - border-radius: var(--card-border-radius); - overflow: hidden; - position: relative; - height: 350px; - width: 250px; - box-shadow: var(--shadow-l1); - transition: box-shadow 0.3s ease; - background-color: var(--card-background); - - &:hover { - box-shadow: var(--shadow-l2); - } - - &.has-image { - .article-details { - background-color: rgba(#000, 0.25); - } - - .article-title { - color: #fff; - } - } - - .article-image { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - - img { - width: 100%; - height: 100%; - object-fit: cover; - } - } - - .article-details { - border-radius: var(--card-border-radius); - position: relative; - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - justify-content: flex-end; - z-index: 2; - padding: 15px; - - @include respond(sm) { - padding: 20px; - } - } - - .article-title { - font-size: 2rem; - font-weight: 500; - color: var(--card-text-color-main); - - @include respond(sm) { - font-size: 2.2rem; - } - } - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/base.scss b/themes/hugo-theme-stack/assets/scss/partials/base.scss deleted file mode 100644 index efb4b8f..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/base.scss +++ /dev/null @@ -1,38 +0,0 @@ -html { - font-size: 62.5%; - overflow-y: scroll; -} - -* { - box-sizing: border-box; -} - -body { - background: var(--body-background); - margin: 0; - font-family: var(--base-font-family); - font-size: 1.6rem; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* scrollbar styles for Firefox */ -* { - scrollbar-width: auto; - scrollbar-color: var(--scrollbar-thumb) transparent; -} -/**/ - -/* scrollbar styles for Chromium */ -::-webkit-scrollbar { - height: auto; -} - -::-webkit-scrollbar-thumb { - background-color: var(--scrollbar-thumb); -} - -::-webkit-scrollbar-track { - background-color: transparent; -} -/**/
\ No newline at end of file diff --git a/themes/hugo-theme-stack/assets/scss/partials/comments/disqusjs.scss b/themes/hugo-theme-stack/assets/scss/partials/comments/disqusjs.scss deleted file mode 100644 index eb270e3..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/comments/disqusjs.scss +++ /dev/null @@ -1,394 +0,0 @@ -.disqus-container { - background-color: var(--card-background); - border-radius: var(--card-border-radius); - box-shadow: var(--shadow-l1); - padding: var(--card-padding); -} - -#dsqjs * { - margin: 0; - padding: 0 -} - -#dsqjs a { - text-decoration: none; - color: #076dd0 -} - -#dsqjs .dsqjs-hide { - display: none!important -} - -#dsqjs .dsqjs-disabled { - cursor: not-allowed; - opacity: .5 -} - -#dsqjs #dsqjs-msg { - text-align: center; - margin-top: 4px; - margin-bottom: 4px; - font-size: 14px -} - -#dsqjs #dsqjs-msg .dsqjs-msg-btn { - cursor: pointer -} - -#dsqjs .dsqjs-bullet { - line-height: 1.4; - margin: 0 2px -} - -#dsqjs .dsqjs-bullet:after { - color: #c2c6cc; - content: "·"; - font-weight: 700 -} - -#dsqjs .dsqjs-clearfix:after,#dsqjs .dsqjs-clearfix:before { - display: table; - content: ""; - line-height: 0; - clear: both -} - -#dsqjs .dsqjs-nav { - position: relative; - margin: 0 0 20px; - border-bottom: 2px solid #e7e9ee -} - -#dsqjs ol,#dsqjs ul { - list-style: none; - list-style-type: none -} - -#dsqjs .dsqjs-no-comment { - text-align: center; - font-size: 16px; - line-height: 1.5; - word-wrap: break-word; - overflow: hidden; - color: #2a2e2e; - margin-bottom: 6px -} - -#dsqjs .dsqjs-nav-tab { - float: left; - text-transform: capitalize; - font-size: 15px; - padding: 12px 8px; - color: #656c7a; - display: block; - margin: 0 15px 0 0; - font-weight: 700; - line-height: 1; - position: relative; - transition: all .2s ease-in-out -} - -#dsqjs .dsqjs-nav-tab:last-child { - margin: 0 -} - -#dsqjs .dsqjs-tab-active { - color: #2a2e2e -} - -#dsqjs .dsqjs-tab-active>span:after { - content: " "; - display: block; - height: 2px; - background-color: #076dd0!important; - position: absolute; - bottom: -5px; - left: 0; - right: 0 -} - -#dsqjs .dsqjs-post-list .dsqjs-post-item { - position: relative; - margin-bottom: 16px -} - -#dsqjs .dsqjs-post-list .dsqjs-post-avatar { - float: left; - margin-right: 10px; - position: relative; - background: #dbdfe4; - padding: 0; - display: block; - border-radius: 4px -} - -#dsqjs .dsqjs-post-list .dsqjs-post-avatar img { - width: 44px; - height: 44px; - display: block; - border-radius: 4px -} - -#dsqjs .dsqjs-post-list .dsqjs-post-header { - line-height: 1; - font-size: 14px; - margin-bottom: 3px -} - -#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author { - color: #656c7a; - font-weight: 700 -} - -#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge { - color: #fff; - background: #687a86; - padding: 1px 3px; - margin-left: 4px; - font-size: 12px; - line-height: 1; - font-weight: 700; - border-radius: 3px; - display: inline-block; - position: relative; - top: -1px; - left: 1px -} - -#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta { - display: inline-block; - font-size: 12px; - color: #656c7a -} - -#dsqjs .dsqjs-post-body { - font-size: 15px; - line-height: 1.5; - word-wrap: break-word; - overflow: hidden; - color: #2a2e2e -} - -#dsqjs .dsqjs-post-body code { - padding: .2em .4em; - margin: 0; - font-size: 85%; - background: #f5f5f5; - color: inherit; - border-radius: 3px -} - -#dsqjs .dsqjs-post-body pre { - padding: .5em; - overflow: auto; - font-size: 85%; - line-height: 1.45; - border-radius: 3px; - background: #f5f5f5; - margin: .5em 0 -} - -#dsqjs .dsqjs-post-body blockquote { - padding: 0 .8em; - margin: .5em 0; - color: #6a737d; - border-left: .25em solid #dfe2e5 -} - -#dsqjs .dsqjs-post-body p:last-child { - margin: 0 -} - -#dsqjs .dsqjs-post-list.dsqjs-children>li { - margin-left: 30px -} - -#dsqjs .dsqjs-post-list.dsqjs-children .dsqjs-post-avatar img { - width: 38px; - height: 38px -} - -#dsqjs .dsqjs-load-more { - font-size: 14px; - font-weight: 400; - display: block; - text-align: center; - padding: 11px 14px; - margin: 0 0 24px; - background: #687a86; - color: #fff; - cursor: pointer -} - -#dsqjs .dsqjs-load-more:hover { - opacity: .8 -} - -#dsqjs footer { - text-align: right; - line-height: 1.5; - padding-top: 10px; - padding-right: 10px; - border-top: 2px solid #e7e9ee; - margin-top: 12px; - font-weight: 700; - font-size: 16px; - color: #555 -} - -#dsqjs .dsqjs-disqus-logo { - background-image: url(https://c.disquscdn.com/next/embed/assets/img/sprite.654110a9206fd22f08cca0798e34a65e.png); - background-repeat: no-repeat; - display: inline-block; - background-size: 86px 40.5px; - height: 16.5px; - width: 86px; -} - -#dsqjs .dsqjs-order { - display: flex; - float: right; - align-items: center; - margin-top: 10px; - margin-bottom: 12px -} - -#dsqjs .dsqjs-order-radio { - display: none -} - -#dsqjs .dsqjs-order-radio:checked+.dsqjs-order-label { - color: #fff; - background-color: #888 -} - -#dsqjs .dsqjs-order-label { - display: block; - height: 20px; - line-height: 20px; - margin-right: 10px; - font-size: 12px; - border-radius: 2px; - padding: 0 5px; - background-color: #dcdcdc; - cursor: pointer -} - -#dsqjs p.dsqjs-has-more { - margin-bottom: 24px; - margin-left: 48px; - font-size: 13px; - line-height: 15px -} - -#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn { - color: #656c7a; - text-decoration: underline; - cursor: pointer -} - -@media (min-width: 768px) { - #dsqjs .dsqjs-post-list.dsqjs-children>li { - margin-left:48px - } - - #dsqjs .dsqjs-post-list .dsqjs-post-avatar { - margin-right: 12px - } - - #dsqjs .dsqjs-post-list .dsqjs-post-item { - margin-bottom: 20px - } -} - -@media (min-width: 1024px) { - #dsqjs .dsqjs-post-list.dsqjs-children>li { - margin-left:60px - } -} - -:root[data-scheme="light"] { - #dsqjs .dsqjs-disqus-logo { - background-position: 0 -7px; - } -} - -:root[data-scheme="dark"] { - #dsqjs { - --t-s: rgba(255,255,255,0.9); - --alt: #3e4b5e; - --link-hover: #47a2e0; - --hover-bg: #3e4b5e; - --tag: #3e4b5e; - --border: #435266; - --pre: #3c495b; - --c-bg: #2f3947; - --code: #c3c7cb; - --kbd: #4e5f77; - --hl: #abb2bf; - --hlc: #808895; - --hlk: #c678dd; - --hln: #e06c75; - --hll: #56b6c2; - --hls: #98c379; - --hlt: #e6c07b; - --hlv: #d19a66; - --bg: #181c27; - --main: #252d38; - --t: rgba(255,255,255,0.86); - --t-l: rgba(255,255,255,0.66); - --logo: #fff; - --link: #38a3fd; - --title: rgba(255,255,255,0.92); - --fab: #364151; - --shadow: none; - } - - #disqus_thread { - color: var(--body-text-color) - } - - #dsqjs #dsqjs-msg { - color: var(--t) - } - - #dsqjs a { - color:var(--link) - } - - #dsqjs a:focus,#dsqjs a:hover { - color: var(--link-hover) - } - - #dsqjs .dsqjs-disqus-logo { - background-position: 0 -24px; - } - - #dsqjs .dsqjs-nav,#dsqjs footer { - border-color: var(--hlc) - } - - #dsqjs .dsqjs-load-more,#dsqjs .dsqjs-load-more:hover,#dsqjs .dsqjs-nav-tab,#dsqjs .dsqjs-no-comment,#dsqjs .dsqjs-post-content { - color: var(--t) - } - - #dsqjs .dsqjs-order-label { - background-color: var(--hlc) - } - - #dsqjs .dsqjs-order-radio:checked+.dsqjs-order-label { - background-color: var(--kbd) - } - - #dsqjs .dsqjs-tab-active>span:after { - background-color: #2e9fff - } - - #dsqjs .dsqjs-footer,#dsqjs .dsqjs-meta { - color: var(--t-l) - } - - #dsqjs .dsqjs-post-body blockquote { - border-color: var(--border) - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/footer.scss b/themes/hugo-theme-stack/assets/scss/partials/footer.scss deleted file mode 100644 index ccb7394..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/footer.scss +++ /dev/null @@ -1,30 +0,0 @@ -footer.site-footer { - padding: 20px 0 var(--section-separation) 0; - font-size: 1.4rem; - line-height: 1.75; - - &:before { - content: ""; - display: block; - height: 3px; - width: 50px; - background: var(--body-text-color); - margin-bottom: 20px; - } - - .copyright { - color: var(--accent-color); - font-weight: bold; - margin-bottom: 5px; - } - - .powerby { - color: var(--body-text-color); - font-weight: normal; - font-size: 1.2rem; - - a { - color: var(--body-text-color); - } - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/highlight/common.scss b/themes/hugo-theme-stack/assets/scss/partials/highlight/common.scss deleted file mode 100644 index c680fa4..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/highlight/common.scss +++ /dev/null @@ -1,428 +0,0 @@ -/* Background */ -.chroma { - color: $color; - background-color: $background-color; -} - -/* Other */ -.chroma .x { -} - -/* Error */ -.chroma .err { - color: $error-color; -} - -/* LineTableTD */ -.chroma .lntd { - vertical-align: top; - padding: 0; - margin: 0; - border: 0; -} - -/* LineTable */ -.chroma .lntable { - border-spacing: 0; - padding: 0; - margin: 0; - border: 0; - width: 100%; - display: block; - - > tbody { - display: block; - width: 100%; - > tr { - display: flex; - width: 100%; - > td:last-child { - overflow-x: auto; - } - } - } -} - -/* LineHighlight */ -.chroma .hl { - display: block; - width: 100%; - background-color: #ffffcc; -} - -/* LineNumbersTable */ -.chroma .lnt { - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #7f7f7f; - display: block; -} - -/* LineNumbers */ -.chroma .ln { - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #7f7f7f; -} - -/* Keyword */ -.chroma .k { - color: $keyword-color; -} - -/* KeywordConstant */ -.chroma .kc { - color: $keyword-color; -} - -/* KeywordDeclaration */ -.chroma .kd { - color: $keyword-color; -} - -/* KeywordNamespace */ -.chroma .kn { - color: #f92672; -} - -/* KeywordPseudo */ -.chroma .kp { - color: $keyword-color; -} - -/* KeywordReserved */ -.chroma .kr { - color: $keyword-color; -} - -/* KeywordType */ -.chroma .kt { - color: $keyword-color; -} - -/* Name */ -.chroma .n { - color: $text-color; -} - -/* NameAttribute */ -.chroma .na { - color: $name-color; -} - -/* NameBuiltin */ -.chroma .nb { - color: $text-color; -} - -/* NameBuiltinPseudo */ -.chroma .bp { - color: $text-color; -} - -/* NameClass */ -.chroma .nc { - color: $name-color; -} - -/* NameConstant */ -.chroma .no { - color: $keyword-color; -} - -/* NameDecorator */ -.chroma .nd { - color: $name-color; -} - -/* NameEntity */ -.chroma .ni { - color: $text-color; -} - -/* NameException */ -.chroma .ne { - color: $name-color; -} - -/* NameFunction */ -.chroma .nf { - color: $name-color; -} - -/* NameFunctionMagic */ -.chroma .fm { - color: $text-color; -} - -/* NameLabel */ -.chroma .nl { - color: $text-color; -} - -/* NameNamespace */ -.chroma .nn { - color: $text-color; -} - -/* NameOther */ -.chroma .nx { - color: $name-color; -} - -/* NameProperty */ -.chroma .py { - color: $text-color; -} - -/* NameTag */ -.chroma .nt { - color: #f92672; -} - -/* NameVariable */ -.chroma .nv { - color: $text-color; -} - -/* NameVariableClass */ -.chroma .vc { - color: $text-color; -} - -/* NameVariableGlobal */ -.chroma .vg { - color: $text-color; -} - -/* NameVariableInstance */ -.chroma .vi { - color: $text-color; -} - -/* NameVariableMagic */ -.chroma .vm { - color: $text-color; -} - -/* Literal */ -.chroma .l { - color: #ae81ff; -} - -/* LiteralDate */ -.chroma .ld { - color: $literal-color; -} - -/* LiteralString */ -.chroma .s { - color: $literal-color; -} - -/* LiteralStringAffix */ -.chroma .sa { - color: $literal-color; -} - -/* LiteralStringBacktick */ -.chroma .sb { - color: $literal-color; -} - -/* LiteralStringChar */ -.chroma .sc { - color: $literal-color; -} - -/* LiteralStringDelimiter */ -.chroma .dl { - color: $literal-color; -} - -/* LiteralStringDoc */ -.chroma .sd { - color: $literal-color; -} - -/* LiteralStringDouble */ -.chroma .s2 { - color: $literal-color; -} - -/* LiteralStringEscape */ -.chroma .se { - color: #ae81ff; -} - -/* LiteralStringHeredoc */ -.chroma .sh { - color: $literal-color; -} - -/* LiteralStringInterpol */ -.chroma .si { - color: $literal-color; -} - -/* LiteralStringOther */ -.chroma .sx { - color: $literal-color; -} - -/* LiteralStringRegex */ -.chroma .sr { - color: $literal-color; -} - -/* LiteralStringSingle */ -.chroma .s1 { - color: $literal-color; -} - -/* LiteralStringSymbol */ -.chroma .ss { - color: $literal-color; -} - -/* LiteralNumber */ -.chroma .m { - color: #ae81ff; -} - -/* LiteralNumberBin */ -.chroma .mb { - color: #ae81ff; -} - -/* LiteralNumberFloat */ -.chroma .mf { - color: #ae81ff; -} - -/* LiteralNumberHex */ -.chroma .mh { - color: #ae81ff; -} - -/* LiteralNumberInteger */ -.chroma .mi { - color: #ae81ff; -} - -/* LiteralNumberIntegerLong */ -.chroma .il { - color: #ae81ff; -} - -/* LiteralNumberOct */ -.chroma .mo { - color: #ae81ff; -} - -/* Operator */ -.chroma .o { - color: #f92672; -} - -/* OperatorWord */ -.chroma .ow { - color: #f92672; -} - -/* Punctuation */ -.chroma .p { - color: $text-color; -} - -/* Comment */ -.chroma .c { - color: #75715e; -} - -/* CommentHashbang */ -.chroma .ch { - color: #75715e; -} - -/* CommentMultiline */ -.chroma .cm { - color: #75715e; -} - -/* CommentSingle */ -.chroma .c1 { - color: #75715e; -} - -/* CommentSpecial */ -.chroma .cs { - color: #75715e; -} - -/* CommentPreproc */ -.chroma .cp { - color: #75715e; -} - -/* CommentPreprocFile */ -.chroma .cpf { - color: #75715e; -} - -/* Generic */ -.chroma .g { -} - -/* GenericDeleted */ -.chroma .gd { - color: #f92672; -} - -/* GenericEmph */ -.chroma .ge { - font-style: italic; -} - -/* GenericError */ -.chroma .gr { -} - -/* GenericHeading */ -.chroma .gh { -} - -/* GenericInserted */ -.chroma .gi { - color: $name-color; -} - -/* GenericOutput */ -.chroma .go { -} - -/* GenericPrompt */ -.chroma .gp { -} - -/* GenericStrong */ -.chroma .gs { - font-weight: bold; -} - -/* GenericSubheading */ -.chroma .gu { - color: #75715e; -} - -/* GenericTraceback */ -.chroma .gt { -} - -/* GenericUnderline */ -.chroma .gl { -} - -/* TextWhitespace */ -.chroma .w { -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/highlight/dark.scss b/themes/hugo-theme-stack/assets/scss/partials/highlight/dark.scss deleted file mode 100644 index 0d3f330..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/highlight/dark.scss +++ /dev/null @@ -1,14 +0,0 @@ -/* -* Style: monokai -* https://xyproto.github.io/splash/docs/monokai.html -*/ - -$color: #f8f8f2; -$background-color: #272822; -$error-color: #bb0064; -$keyword-color: #66d9ef; -$text-color: $color; -$name-color: #a6e22e; -$literal-color: #e6db74; - -@import "common.scss"; diff --git a/themes/hugo-theme-stack/assets/scss/partials/highlight/light.scss b/themes/hugo-theme-stack/assets/scss/partials/highlight/light.scss deleted file mode 100644 index 174b649..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/highlight/light.scss +++ /dev/null @@ -1,14 +0,0 @@ -/* -* Style: monokailight -* https://xyproto.github.io/splash/docs/monokailight.html -*/ - -$color: #272822; -$background-color: #fafafa; -$error-color: #960050; -$keyword-color: #00a8c8; -$text-color: #111111; -$name-color: #75af00; -$literal-color: #d88200; - -@import "common.scss"; diff --git a/themes/hugo-theme-stack/assets/scss/partials/layout/404.scss b/themes/hugo-theme-stack/assets/scss/partials/layout/404.scss deleted file mode 100644 index d9d8752..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/layout/404.scss +++ /dev/null @@ -1,6 +0,0 @@ -.not-found-card { - background-color: var(--card-background); - box-shadow: var(--shadow-l1); - border-radius: var(--card-border-radius); - padding: var(--card-padding); -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/layout/article.scss b/themes/hugo-theme-stack/assets/scss/partials/layout/article.scss deleted file mode 100644 index 10e2706..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/layout/article.scss +++ /dev/null @@ -1,461 +0,0 @@ -.article-page { - &.hide-sidebar-sm .left-sidebar { - display: none; - - @include respond(md) { - display: inherit; - } - } - - .main-article { - background: var(--card-background); - border-radius: var(--card-border-radius); - box-shadow: var(--shadow-l1); - overflow: hidden; - - .article-header { - .article-image { - img { - height: auto; - width: 100%; - max-height: 50vh; - object-fit: cover; - } - } - - .article-details { - padding: var(--card-padding); - padding-bottom: 0; - } - } - - .article-content { - margin: var(--card-padding) 0; - color: var(--card-text-color-main); - - .footnotes { - font-family: var(--base-font-family); - } - - img { - max-width: 100%; - height: auto; - } - } - - .article-footer { - margin: var(--card-padding); - margin-top: 0; - - section:not(:first-child) { - margin-top: var(--card-padding); - } - - section { - color: var(--card-text-color-tertiary); - text-transform: uppercase; - display: flex; - align-items: center; - font-size: 1.4rem; - gap: 15px; - - svg { - width: 20px; - height: 20px; - stroke-width: 1.33; - } - } - - .article-tags { - text-transform: unset; - } - - .article-copyright, - .article-lastmod { - a { - color: var(--body-text-color); - } - - a.link { - box-shadow: unset; - } - } - } - } -} - -.widget--toc { - background-color: var(--card-background); - border-radius: var(--card-border-radius); - box-shadow: var(--shadow-l1); - display: flex; - flex-direction: column; - color: var(--card-text-color-main); - overflow: hidden; - - ::-webkit-scrollbar-thumb { - background-color: var(--card-separator-color); - } - - #TableOfContents { - overflow-x: auto; - max-height: 75vh; - - ol, - ul { - margin: 0; - padding: 0; - } - - ol { - list-style-type: none; - counter-reset: item; - - li a:first-of-type::before { - counter-increment: item; - content: counters(item, ".") ". "; - font-weight: bold; - margin-right: 5px; - } - } - - & > ul { - padding: 0 1em; - } - - li { - margin: 15px 0 15px 20px; - padding: 5px; - - & > ol, - & > ul { - margin-top: 10px; - padding-left: 10px; - margin-bottom: -5px; - - & > li:last-child { - margin-bottom: 0; - } - } - } - li.active-class > a { - border-left: var(--heading-border-size) solid var(--accent-color); - font-weight: bold; - } - - ul li.active-class > a { - display: block; - } - - @function repeat($str, $n) { - $result: ""; - @for $_ from 0 to $n { - $result: $result + $str; - } - @return $result; - } - - // Support up to 6 levels of indentation for lists in ToCs - @for $i from 0 to 5 { - & > ul #{repeat("> li > ul", $i)} > li.active-class > a { - $n: 25 + $i * 35; - margin-left: calc(-#{$n}px - 1em); - padding-left: calc(#{$n}px + 1em - var(--heading-border-size)); - } - - & > ol #{repeat("> li > ol", $i)} > li.active-class > a { - $n: 9 + $i * 35; - margin-left: calc(-#{$n}px - 1em); - padding-left: calc(#{$n}px + 1em - var(--heading-border-size)); - display: block; - } - } - } -} - -.related-content { - overflow-x: auto; - padding-bottom: 15px; - - & > .flex { - float: left; - } - - article { - margin-right: 15px; - flex-shrink: 0; - overflow: hidden; - width: 250px; - height: 150px; - - .article-title { - font-size: 1.8rem; - margin: 0; - } - - &.has-image { - .article-details { - padding: 20px; - background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.75) 100%); - } - } - } -} - -.article-content { - font-family: var(--article-font-family); - font-size: var(--article-font-size); - padding: 0 var(--card-padding); - line-height: var(--article-line-height); - - & > p { - margin: 1.5em 0; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - margin-inline-start: calc((var(--card-padding)) * -1); - padding-inline-start: calc(var(--card-padding) - var(--heading-border-size)); - border-inline-start: var(--heading-border-size) solid var(--accent-color); - position: relative; - - a.header-anchor { - transition: opacity 0.3s ease; - opacity: 0; - position: absolute; - left: 0; - width: var(--card-padding); - text-align: center; - color: var(--accent-color); - - &:before { - content: "#"; - } - } - - &:hover, - &:focus { - a.header-anchor { - opacity: 1; - } - } - } - - figure { - text-align: center; - - figcaption { - font-size: 1.4rem; - color: var(--card-text-color-secondary); - } - } - - blockquote { - position: relative; - margin: 1.5em 0; - border-inline-start: var(--blockquote-border-size) solid var(--card-separator-color); - padding: 15px calc(var(--card-padding) - var(--blockquote-border-size)); - background-color: var(--blockquote-background-color); - - .cite { - display: block; - text-align: right; - font-size: 0.75em; - - a { - text-decoration: underline; - } - } - } - - hr { - width: 100px; - margin: 40px auto; - background: var(--card-text-color-tertiary); - height: 2px; - border: 0; - opacity: 0.55; - } - - code { - color: var(--code-text-color); - background-color: var(--code-background-color); - padding: 2px 4px; - border-radius: var(--tag-border-radius); - font-family: var(--code-font-family); - } - - a, - code { - word-break: break-word; - } - - .gallery { - position: relative; - display: flex; - flex-direction: row; - justify-content: center; - margin: 1.5em 0; - gap: 10px; - - figure { - margin: 0; - } - } - - pre { - overflow-x: auto; - display: block; - background-color: var(--pre-background-color); - color: var(--pre-text-color); - font-family: var(--code-font-family); - line-height: 1.428571429; - word-break: break-all; - padding: var(--card-padding); - // keep Codeblocks LTR - [dir="rtl"] & { - direction: ltr; - } - code { - color: unset; - border: none; - background: none; - padding: 0; - } - } - - .highlight { - background-color: var(--pre-background-color); - padding: var(--card-padding); - position: relative; - - &:hover { - .copyCodeButton { - opacity: 1; - } - } - // keep Codeblocks LTR - [dir="rtl"] & { - direction: ltr; - } - pre { - margin: initial; - padding: 0; - margin: 0; - width: auto; - } - } - - .copyCodeButton { - position: absolute; - top: calc(var(--card-padding)); - right: calc(var(--card-padding)); - background: var(--card-background); - border: none; - box-shadow: var(--shadow-l2); - border-radius: var(--tag-border-radius); - padding: 8px 16px; - color: var(--card-text-color-main); - cursor: pointer; - font-size: 14px; - opacity: 0; - transition: opacity 0.3s ease; - } - - .table-wrapper { - padding: 0 var(--card-padding); - overflow-x: auto; - display: block; - } - - table { - width: 100%; - border-collapse: collapse; - border-spacing: 0; - margin-bottom: 1.5em; - font-size: 0.96em; - } - - th, - td { - text-align: left; - padding: 4px 8px 4px 10px; - border: 1px solid var(--table-border-color); - } - - td { - vertical-align: top; - } - - tr:nth-child(even) { - background-color: var(--tr-even-background-color); - } - - .twitter-tweet { - color: var(--card-text-color-main); - } - - .video-wrapper { - position: relative; - width: 100%; - height: 0; - padding-bottom: 56.25%; - overflow: hidden; - - & > iframe, - & > video { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - border: 0; - } - } - - .gitlab-embed-snippets { - margin: 0 !important; - - .file-holder.snippet-file-content { - margin-block-end: 0 !important; - margin-block-start: 0 !important; - margin-left: calc((var(--card-padding)) * -1) !important; - margin-right: calc((var(--card-padding)) * -1) !important; - padding: 0 var(--card-padding) !important; - } - } - - /// Negative margins - blockquote, - figure, - .highlight, - pre, - .gallery, - .video-wrapper, - .table-wrapper, - .s_video_simple { - margin-left: calc((var(--card-padding)) * -1); - margin-right: calc((var(--card-padding)) * -1); - width: calc(100% + var(--card-padding) * 2); - } - - /// Make long KaTeX equations scrollable in the x-axis - .katex-display > .katex { - overflow-x: auto; - overflow-y: hidden; - } - - kbd { - border: 1px solid var(--kbd-border-color); - font-weight: bold; - font-size: 0.9em; - line-height: 1; - padding: 2px 4px; - border-radius: 4px; - display: inline-block; - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/layout/list.scss b/themes/hugo-theme-stack/assets/scss/partials/layout/list.scss deleted file mode 100644 index d7815ca..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/layout/list.scss +++ /dev/null @@ -1,71 +0,0 @@ -.section-card { - border-radius: var(--card-border-radius); - background-color: var(--card-background); - padding: var(--small-card-padding); - box-shadow: var(--shadow-l1); - display: flex; - align-items: center; - gap: 20px; - - --separation: 15px; - - .section-term { - font-size: 2.2rem; - margin: 0; - color: var(--card-text-color-main); - } - - .section-description { - font-weight: normal; - color: var(--card-text-color-secondary); - font-size: 1.6rem; - margin: 0; - } - - .section-details { - flex-grow: 1; - display: flex; - flex-direction: column; - gap: 8px; - } - - .section-image { - img { - width: 60px; - height: 60px; - } - } - - .section-count { - color: var(--card-text-color-tertiary); - font-size: 1.4rem; - margin: 0; - font-weight: bold; - text-transform: uppercase; - } -} - -.subsection-list { - overflow-x: auto; - - .article-list--tile { - display: flex; - padding-bottom: 15px; - - article { - width: 250px; - height: 150px; - margin-right: 20px; - flex-shrink: 0; - - .article-title { - margin: 0; - font-size: 1.8rem; - } - - .article-details { - padding: 20px; - } - } - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/layout/search.scss b/themes/hugo-theme-stack/assets/scss/partials/layout/search.scss deleted file mode 100644 index 89cdcef..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/layout/search.scss +++ /dev/null @@ -1,82 +0,0 @@ -.search-form { - position: relative; - --button-size: 80px; - - &.widget { - --button-size: 60px; - - label { - font-size: 1.3rem; - top: 10px; - } - - input { - font-size: 1.5rem; - padding: 30px 20px 15px 20px; - } - } - - p { - position: relative; - margin: 0; - } - - label { - position: absolute; - top: 15px; - inset-inline-start: 20px; - font-size: 1.4rem; - color: var(--card-text-color-tertiary); - } - - input { - padding: 40px 20px 20px; - border-radius: var(--card-border-radius); - background-color: var(--card-background); - box-shadow: var(--shadow-l1); - color: var(--card-text-color-main); - width: 100%; - border: 0; - -webkit-appearance: none; - - transition: box-shadow 0.3s ease; - - font-size: 1.8rem; - - &:focus { - outline: 0; - box-shadow: var(--shadow-l2); - } - } - - button { - position: absolute; - inset-inline-end: 0; - top: 0; - height: 100%; - width: var(--button-size); - cursor: pointer; - background-color: transparent; - border: 0; - - padding: 0 10px; - - &:focus { - outline: 0; - - svg { - stroke-width: 2; - color: var(--accent-color); - } - } - - svg { - color: var(--card-text-color-secondary); - stroke-width: 1.33; - transition: all 0.3s ease; - width: 20px; - height: 20px; - } - } - -}
\ No newline at end of file diff --git a/themes/hugo-theme-stack/assets/scss/partials/menu.scss b/themes/hugo-theme-stack/assets/scss/partials/menu.scss deleted file mode 100644 index 5b6be17..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/menu.scss +++ /dev/null @@ -1,229 +0,0 @@ -/*! - * Hamburgers - * @description Tasty CSS-animated hamburgers - * @author Jonathan Suh @jonsuh - * @site https://jonsuh.com/hamburgers - * @link https://github.com/jonsuh/hamburgers - */ - -.hamburger { - padding-top: 10px; - display: inline-block; - cursor: pointer; - transition-property: opacity, filter; - transition-duration: 0.15s; - transition-timing-function: linear; - font: inherit; - color: inherit; - text-transform: none; - background-color: transparent; - border: 0; - margin: 0; - overflow: visible; -} -.hamburger:hover { - opacity: 0.7; -} -.hamburger.is-active:hover { - opacity: 0.7; -} -.hamburger.is-active .hamburger-inner, -.hamburger.is-active .hamburger-inner::before, -.hamburger.is-active .hamburger-inner::after { - background-color: #000; -} - -.hamburger-box { - width: 30px; - height: 24px; - display: inline-block; - position: relative; -} - -.hamburger-inner { - display: block; - top: 50%; - margin-top: -2px; -} - -.hamburger-inner, -.hamburger-inner::before, -.hamburger-inner::after { - width: 30px; - height: 2px; - background-color: var(--card-text-color-main); - border-radius: 4px; - position: absolute; - transition-property: transform; - transition-duration: 0.15s; - transition-timing-function: ease; -} -.hamburger-inner::before, -.hamburger-inner::after { - content: ""; - display: block; -} -.hamburger-inner::before { - top: -10px; -} -.hamburger-inner::after { - bottom: -10px; -} - -.hamburger--spin .hamburger-inner { - transition-duration: 0.22s; - transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -} -.hamburger--spin .hamburger-inner::before { - transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -} -.hamburger--spin .hamburger-inner::after { - transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -} - -.hamburger--spin.is-active .hamburger-inner { - transform: rotate(225deg); - transition-delay: 0.12s; - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -} -.hamburger--spin.is-active .hamburger-inner::before { - top: 0; - opacity: 0; - transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -} -.hamburger--spin.is-active .hamburger-inner::after { - bottom: 0; - transform: rotate(-90deg); - transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -} - -#toggle-menu { - background: none; - border: none; - position: absolute; - right: 0; - top: 0; - z-index: 2; - cursor: pointer; - - [dir="rtl"] & { - left: 0; - right: auto; - } - - @include respond(md) { - display: none; - } - - outline: none; - - &.is-active { - .hamburger-inner, - .hamburger-inner::before, - .hamburger-inner::after { - background-color: var(--accent-color); - } - } -} - -/* Menu style */ -#main-menu { - list-style: none; - overflow-y: auto; - flex-grow: 1; - font-size: 1.4rem; - background-color: var(--card-background); - - box-shadow: var(--shadow-l1); - display: none; - margin: 0 calc(var(--container-padding) * -1); - - padding: 30px 30px; - - @include respond(xl) { - padding: 15px 0; - } - - &, .menu-bottom-section ol { - flex-direction: column; - gap: 30px; - - @include respond(xl) { - gap: 25px; - } - } - - &.show { - display: flex; - } - - @include respond(md) { - align-items: flex-end; - display: flex; - background-color: transparent; - padding: 0; - box-shadow: none; - margin: 0; - } - - li { - position: relative; - vertical-align: middle; - padding: 0; - - @include respond(md) { - width: 100%; - } - - svg { - stroke: currentColor; - stroke-width: 1.33; - width: 20px; - height: 20px; - } - - a { - height: 100%; - display: inline-flex; - align-items: center; - color: var(--body-text-color); - gap: var(--menu-icon-separation); - } - - span { - flex: 1; - } - - &.current { - a { - color: var(--accent-color); - font-weight: bold; - } - } - - &.menu-bottom-section { - margin-top: auto; - - ol { - display: flex; - padding-left: 0; - } - } - } -} - -.menu-social { - list-style: none; - padding: 0; - margin: 0; - display: flex; - flex-direction: row; - gap: 10px; - - svg { - width: 24px; - height: 24px; - stroke: var(--body-text-color); - stroke-width: 1.33; - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/pagination.scss b/themes/hugo-theme-stack/assets/scss/partials/pagination.scss deleted file mode 100644 index ca46780..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/pagination.scss +++ /dev/null @@ -1,21 +0,0 @@ -.pagination { - display: flex; - background-color: var(--card-background); - box-shadow: var(--shadow-l1); - border-radius: var(--card-border-radius); - overflow: hidden; - flex-wrap: wrap; - - .page-link { - padding: 16px 32px; - display: inline-flex; - - &.current { - font-weight: bold; - background-color: var(--card-background-selected); - color: var(--card-text-color-main); - } - - color: var(--card-text-color-secondary); - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/sidebar.scss b/themes/hugo-theme-stack/assets/scss/partials/sidebar.scss deleted file mode 100644 index a6a77c5..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/sidebar.scss +++ /dev/null @@ -1,199 +0,0 @@ -.sidebar { - &.sticky { - @include respond(md) { - position: sticky; - } - } -} - -.left-sidebar { - display: flex; - flex-direction: column; - flex-shrink: 0; - align-self: stretch; - gap: var(--sidebar-element-separation); - max-width: none; - width: 100%; - position: relative; - - --sidebar-avatar-size: 100px; - --sidebar-element-separation: 20px; - --emoji-size: 40px; - --emoji-font-size: 20px; - - @include respond(md) { - width: auto; - padding-top: var(--main-top-padding); - padding-bottom: var(--main-top-padding); - max-height: 100vh; - } - - @include respond(2xl) { - --sidebar-avatar-size: 120px; - --sidebar-element-separation: 25px; - --emoji-size: 40px; - } - - &.sticky { - top: 0; - } - - &.compact { - --sidebar-avatar-size: 80px; - --emoji-size: 30px; - --emoji-font-size: 15px; - - header { - @include respond(lg) { - flex-direction: row; - } - - .site-meta { - gap: 5px; - } - - .site-name { - font-size: 1.4rem; - - @include respond(2xl) { - font-size: 1.75rem; - } - } - - .site-description { - font-size: 1.4rem; - } - } - } -} - -.right-sidebar { - width: 100%; - display: none; - flex-direction: column; - gap: var(--widget-separation); - - &.sticky { - top: 0; - } - - @include respond(lg) { - padding-top: var(--main-top-padding); - padding-bottom: var(--main-top-padding); - } -} - -.sidebar header { - z-index: 1; - transition: box-shadow 0.5s ease; - display: flex; - flex-direction: column; - gap: var(--sidebar-element-separation); - - @include respond(md) { - padding: 0; - } - - .site-avatar { - position: relative; - margin: 0; - width: var(--sidebar-avatar-size); - height: var(--sidebar-avatar-size); - flex-shrink: 0; - - .site-logo { - width: 100%; - height: 100%; - border-radius: 100%; - box-shadow: var(--shadow-l1); - } - - .emoji { - position: absolute; - width: var(--emoji-size); - height: var(--emoji-size); - line-height: var(--emoji-size); - border-radius: 100%; - bottom: 0; - right: 0; - text-align: center; - font-size: var(--emoji-font-size); - background-color: var(--card-background); - box-shadow: var(--shadow-l2); - } - } - - .site-meta { - display: flex; - flex-direction: column; - gap: 10px; - justify-content: center; - } - - .site-name { - color: var(--accent-color); - margin: 0; - font-size: 1.6rem; - - @include respond(2xl) { - font-size: 1.8rem; - } - } - - .site-description { - color: var(--body-text-color); - font-weight: normal; - margin: 0; - font-size: 1.4rem; - - @include respond(2xl) { - font-size: 1.6rem; - } - } -} - -[data-scheme="dark"] { - #dark-mode-toggle { - color: var(--accent-color); - font-weight: 700; - - .icon-tabler-toggle-left { - display: none; - } - - .icon-tabler-toggle-right { - display: unset; - } - } -} - -#dark-mode-toggle { - margin-top: auto; - color: var(--body-text-color); - display: flex; - align-items: center; - cursor: pointer; - gap: var(--menu-icon-separation); - - .icon-tabler-toggle-right { - display: none; - } -} - -#i18n-switch { - color: var(--body-text-color); - display: inline-flex; - align-content: center; - gap: var(--menu-icon-separation); - - select { - border: 0; - background-color: transparent; - color: var(--body-text-color); - - option { - color: var(--card-text-color-main); - background-color: var(--card-background); - } - } -} diff --git a/themes/hugo-theme-stack/assets/scss/partials/widgets.scss b/themes/hugo-theme-stack/assets/scss/partials/widgets.scss deleted file mode 100644 index 42cfcc2..0000000 --- a/themes/hugo-theme-stack/assets/scss/partials/widgets.scss +++ /dev/null @@ -1,67 +0,0 @@ -.widget { - display: flex; - flex-direction: column; - - .widget-icon { - svg { - width: 32px; - height: 32px; - stroke-width: 1.6; - color: var(--body-text-color); - } - } -} - -/* Tag cloud widget */ -.tagCloud { - .tagCloud-tags { - display: flex; - flex-wrap: wrap; - gap: 10px; - - a { - background: var(--card-background); - box-shadow: var(--shadow-l1); - border-radius: var(--tag-border-radius); - padding: 8px 20px; - color: var(--card-text-color-main); - font-size: 1.4rem; - transition: box-shadow 0.3s ease; - - &:hover { - box-shadow: var(--shadow-l2); - } - } - } -} - -/* Archives widget */ -.widget.archives { - .widget-archive--list { - border-radius: var(--card-border-radius); - box-shadow: var(--shadow-l1); - background-color: var(--card-background); - } - - .archives-year { - &:not(:last-of-type) { - border-bottom: 1.5px solid var(--card-separator-color); - } - - a { - font-size: 1.4rem; - padding: 18px 25px; - display: flex; - - span.year { - flex: 1; - color: var(--card-text-color-main); - font-weight: bold; - } - - span.count { - color: var(--card-text-color-tertiary); - } - } - } -} diff --git a/themes/hugo-theme-stack/assets/scss/style.scss b/themes/hugo-theme-stack/assets/scss/style.scss deleted file mode 100644 index e50d400..0000000 --- a/themes/hugo-theme-stack/assets/scss/style.scss +++ /dev/null @@ -1,28 +0,0 @@ -/*! -* Hugo Theme Stack -* -* @author: Jimmy Cai -* @website: https://jimmycai.com -* @link: https://github.com/CaiJimmy/hugo-theme-stack -*/ - -@import "breakpoints.scss"; -@import "variables.scss"; -@import "grid.scss"; - -@import "external/normalize.scss"; - -@import "partials/menu.scss"; -@import "partials/article.scss"; -@import "partials/widgets.scss"; -@import "partials/footer.scss"; -@import "partials/pagination.scss"; -@import "partials/sidebar.scss"; -@import "partials/base.scss"; -@import "partials/layout/article.scss"; -@import "partials/layout/list.scss"; -@import "partials/layout/404.scss"; -@import "partials/layout/search.scss"; - -@import "general.scss"; -@import "custom.scss"; diff --git a/themes/hugo-theme-stack/assets/scss/variables.scss b/themes/hugo-theme-stack/assets/scss/variables.scss deleted file mode 100644 index 97810a1..0000000 --- a/themes/hugo-theme-stack/assets/scss/variables.scss +++ /dev/null @@ -1,167 +0,0 @@ -$defaultTagBackgrounds: #8ea885, #df7988, #0177b8, #ffb900, #6b69d6; -$defaultTagColors: #fff, #fff, #fff, #fff, #fff; - -/* -* Global style -*/ -:root { - --main-top-padding: 35px; - - @include respond(xl) { - --main-top-padding: 50px; - } - - --body-background: #f5f5fa; - - --accent-color: #34495e; - --accent-color-darker: #2c3e50; - --accent-color-text: #fff; - --body-text-color: #707070; - - --tag-border-radius: 4px; - - --section-separation: 40px; - - --scrollbar-thumb: hsl(0, 0%, 85%); - --scrollbar-track: var(--body-background); - - &[data-scheme="dark"] { - --body-background: #303030; - --accent-color: #ecf0f1; - --accent-color-darker: #bdc3c7; - --accent-color-text: #000; - --body-text-color: rgba(255, 255, 255, 0.7); - --scrollbar-thumb: hsl(0, 0%, 40%); - --scrollbar-track: var(--body-background); - } -} - -/** -* Global font family -*/ -:root { - --sys-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue"; - --zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei"; - - --base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family), sans-serif; - --code-font-family: Menlo, Monaco, Consolas, "Courier New", var(--zh-font-family), monospace; -} - -/* -* Card style -*/ -:root { - --card-background: #fff; - --card-background-selected: #eaeaea; - - --card-text-color-main: #000; - --card-text-color-secondary: #747474; - --card-text-color-tertiary: #767676; - --card-separator-color: rgba(218, 218, 218, 0.5); - - --card-border-radius: 10px; - - --card-padding: 20px; - - @include respond(md) { - --card-padding: 25px; - } - - @include respond(xl) { - --card-padding: 30px; - } - - --small-card-padding: 25px 20px; - - @include respond(md) { - --small-card-padding: 25px; - } - - &[data-scheme="dark"] { - --card-background: #424242; - --card-background-selected: rgba(255, 255, 255, 0.16); - --card-text-color-main: rgba(255, 255, 255, 0.9); - --card-text-color-secondary: rgba(255, 255, 255, 0.7); - --card-text-color-tertiary: rgba(255, 255, 255, 0.5); - --card-separator-color: rgba(255, 255, 255, 0.12); - } -} - -/** -* Article content font settings -*/ -:root { - --article-font-family: var(--base-font-family); - --article-font-size: 1.6rem; - - @include respond(md) { - --article-font-size: 1.7rem; - } - - --article-line-height: 1.85; -} - -/* -* Article content style -*/ -:root { - --blockquote-border-size: 4px; - --blockquote-background-color: rgb(248 248 248); - - --heading-border-size: 4px; - - --link-background-color: 189, 195, 199; - --link-background-opacity: 0.5; - --link-background-opacity-hover: 0.7; - - --pre-background-color: #272822; - --pre-text-color: #f8f8f2; - - --code-background-color: rgba(0, 0, 0, 0.12); - --code-text-color: #808080; - - --table-border-color: #dadada; - --tr-even-background-color: #efefee; - - --kbd-border-color: #dadada; - - &[data-scheme="dark"] { - --code-background-color: #272822; - --code-text-color: rgba(255, 255, 255, 0.9); - - --table-border-color: #717171; - --tr-even-background-color: #545454; - - --blockquote-background-color: rgb(75 75 75); - } -} - -/* -* Shadow style -* Thanks to https://www.figma.com/community/plugin/744987207861965946/Shadow-picker -*/ -:root { - --shadow-l1: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04); - --shadow-l2: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); - --shadow-l3: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); - --shadow-l4: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), - 0px 0px 1px rgba(0, 0, 0, 0.04); -} - -[data-scheme="light"] { - --pre-text-color: #272822; - --pre-background-color: #fafafa; - @import "partials/highlight/light.scss"; -} - -[data-scheme="dark"] { - --pre-text-color: #f8f8f2; - --pre-background-color: #272822; - @import "partials/highlight/dark.scss"; -} - -:root { - --menu-icon-separation: 40px; - --container-padding: 15px; - --widget-separation: var(--section-separation); -} |