diff options
author | Alexander Neonxp Kiryukhin <i@neonxp.ru> | 2024-11-16 19:32:18 +0300 |
---|---|---|
committer | Alexander Neonxp Kiryukhin <i@neonxp.ru> | 2024-11-17 01:28:57 +0300 |
commit | 239d68f94c6250276850fbe95eaa6cdd5c38fb26 (patch) | |
tree | c576da169afc442f51eae6213ad0ff749ed86589 /themes/hugo-theme-stack/assets/scss/partials/layout | |
parent | 8e79098193fd0a8b65305dd8054cf7c424c60bc5 (diff) |
Своя тема, полностью всё переделал
Diffstat (limited to 'themes/hugo-theme-stack/assets/scss/partials/layout')
4 files changed, 0 insertions, 620 deletions
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 |