diff options
Diffstat (limited to 'themes/CodeIT/assets/css/_page')
-rw-r--r-- | themes/CodeIT/assets/css/_page/_404.scss | 6 | ||||
-rw-r--r-- | themes/CodeIT/assets/css/_page/_archive.scss | 13 | ||||
-rw-r--r-- | themes/CodeIT/assets/css/_page/_home.scss | 183 | ||||
-rw-r--r-- | themes/CodeIT/assets/css/_page/_index.scss | 22 | ||||
-rw-r--r-- | themes/CodeIT/assets/css/_page/_single.scss | 345 | ||||
-rw-r--r-- | themes/CodeIT/assets/css/_page/_special.scss | 6 |
6 files changed, 0 insertions, 575 deletions
diff --git a/themes/CodeIT/assets/css/_page/_404.scss b/themes/CodeIT/assets/css/_page/_404.scss deleted file mode 100644 index 774c7dd..0000000 --- a/themes/CodeIT/assets/css/_page/_404.scss +++ /dev/null @@ -1,6 +0,0 @@ -#content-404 { - font-size: 1.8rem; - line-height: 3rem; - @include transform(translateY(30vh)); - text-align: center; -} diff --git a/themes/CodeIT/assets/css/_page/_archive.scss b/themes/CodeIT/assets/css/_page/_archive.scss deleted file mode 100644 index 2b8f466..0000000 --- a/themes/CodeIT/assets/css/_page/_archive.scss +++ /dev/null @@ -1,13 +0,0 @@ -.archive { - .single-title { - text-align: right; - } - - .group-title { - margin-top: 1.5rem; - margin-bottom: 1rem; - } - - @import "../_partial/_archive/terms"; - @import "../_partial/_archive/tags"; -} diff --git a/themes/CodeIT/assets/css/_page/_home.scss b/themes/CodeIT/assets/css/_page/_home.scss deleted file mode 100644 index c7b9021..0000000 --- a/themes/CodeIT/assets/css/_page/_home.scss +++ /dev/null @@ -1,183 +0,0 @@ -.home { - .home-profile { - @include transform(translateY(16vh)); - padding: 0 0 0.5rem; - text-align: center; - - .home-avatar { - padding: 0.5rem; - - img { - display: inline-block; - width: 8rem; - height: auto; - margin: 0 auto; - @include border-radius(100%); - @include box-shadow(0 0 0 0.3618em rgba(0, 0, 0, 0.05)); - @include transition(all 0.4s ease); - - &:hover { - position: relative; - @include transform(translateY(-0.75rem)); - } - } - } - - .home-title { - font-size: 1.25rem; - font-weight: bold; - margin: 0; - padding: 0.5rem; - } - - .home-subtitle { - font-size: 1rem; - font-weight: normal; - margin: 0; - padding: 0.5rem; - } - - .links { - padding: 0.5rem; - font-size: 1.5rem; - - a * { - vertical-align: text-bottom; - } - - img { - height: 1.5rem; - padding: 0 0.25rem; - } - } - - .home-disclaimer { - font-size: 1rem; - line-height: 1.5rem; - font-weight: normal; - margin: 0; - padding: 0.5rem; - color: $global-font-secondary-color; - - [theme="dark"] & { - color: $global-font-secondary-color-dark; - } - } - } -} - -.home[posts] { - .home-profile { - @include transform(translateY(0)); - padding-top: 2rem; - } - - .home-avatar img { - width: 6rem; - } - - .summary { - padding-top: 1rem; - padding-bottom: 0.8rem; - color: $global-font-color; - border-bottom: 1px dashed $global-border-color; - - [theme="dark"] & { - color: $global-font-color-dark; - border-bottom: 1px dashed $global-border-color-dark; - } - - .featured-image-preview { - width: 100%; - padding: 30% 0 0; - position: relative; - margin: 0.6rem auto; - @include transition(transform 0.4s ease); - - img { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - @include object-fit(none); - } - - img.lazyloaded { - @include object-fit(cover); - } - - &:hover { - @include transform(scale(1.01)); - } - } - - .single-title { - font-size: 1.25rem; - line-height: 140%; - margin: 0.4rem 0; - } - - .content { - @include box(vertical); - -webkit-line-clamp: 3; - margin-top: 0.3rem; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - @include overflow-wrap(break-word); - color: $global-font-secondary-color; - - [theme="dark"] & { - color: $global-font-secondary-color-dark; - } - - h2, - h3, - h4, - h5, - h6, - p { - font-size: 1rem; - line-height: 1.5; - display: inline; - - &::after { - content: "\A"; - white-space: pre; - } - } - - h2 { - font-size: 1.125rem; - } - - @include link(false, true); - - b, - strong { - color: $global-font-secondary-color; - - [theme="dark"] & { - color: $global-font-secondary-color-dark; - } - } - } - - .post-footer { - margin-top: 0.4rem; - display: flex; - justify-content: space-between; - align-items: center; - font-size: 0.875rem; - - @include link(false, false); - - .post-tags { - padding: 0; - - @include link(true, true); - } - } - } -} diff --git a/themes/CodeIT/assets/css/_page/_index.scss b/themes/CodeIT/assets/css/_page/_index.scss deleted file mode 100644 index 480667c..0000000 --- a/themes/CodeIT/assets/css/_page/_index.scss +++ /dev/null @@ -1,22 +0,0 @@ -.page { - position: relative; - max-width: 800px; - width: 60%; - margin: 0 auto; - - [header-desktop] & { - padding-top: $header-height; - } - - [header-desktop="normal"] & { - padding-top: 0; - } - - @include blur; -} - -@import "_single"; -@import "_special"; -@import "_archive"; -@import "_home"; -@import "_404"; diff --git a/themes/CodeIT/assets/css/_page/_single.scss b/themes/CodeIT/assets/css/_page/_single.scss deleted file mode 100644 index 737c752..0000000 --- a/themes/CodeIT/assets/css/_page/_single.scss +++ /dev/null @@ -1,345 +0,0 @@ -@import "../_partial/_single/toc"; - -.single { - .single-title { - margin: 1rem 0 0.5rem; - font-size: 1.6rem; - font-weight: bold; - line-height: 140%; - } - - .single-subtitle { - margin: 0.4rem 0; - font-size: 1.2rem; - font-weight: normal; - font-style: italic; - line-height: 100%; - } - - .post-meta { - font-size: 0.875rem; - color: $global-font-secondary-color; - - span { - display: inline-block; - } - - [theme="dark"] & { - color: $global-font-secondary-color-dark; - } - - @include link(false, true); - - .author { - font-size: 1.05rem; - } - } - - .featured-image { - margin: 0.5rem 0 1rem 0; - - img { - display: block; - max-width: 100%; - height: auto; - margin: 0 auto; - overflow: hidden; - } - - img.lazyloaded { - width: 100%; - } - } - - .content { - > h2 { - font-size: 1.5rem; - - & code { - font-size: 1.25rem; - } - } - - > h3 { - font-size: 1.375rem; - - & code { - font-size: 1.125rem; - } - } - - > h4 { - font-size: 1.25rem; - - & code { - font-size: 1rem; - } - } - - > h5 { - font-size: 1.125rem; - } - - > h6 { - font-size: 1rem; - } - - h2, - h3, - h4, - h5, - h6 { - font-weight: bold; - margin: 1.2rem 0; - - [theme="dark"] & { - font-weight: bolder; - } - } - - > h2, - > h3, - > h4, - > h5, - > h6 { - > .header-mark::before { - content: "|"; - margin-right: 0.3125rem; - color: $single-link-color; - - [theme="dark"] & { - color: $single-link-color-dark; - } - } - } - - > h2 > .header-mark::before { - content: "#"; - } - > h3 > .header-mark::before { - content: "##"; - } - > h4 > .header-mark::before { - content: "###"; - } - > h5 > .header-mark::before { - content: "####"; - } - p { - margin: 0.5rem 0; - } - - b, - strong { - font-weight: bold; - - [theme="dark"] & { - color: #ddd; - } - } - - @include link(false, false); - - a { - @include overflow-wrap(break-word); - - [theme="dark"] & b, - [theme="dark"] & strong { - color: $single-link-color-dark; - } - } - - [theme="dark"] a:hover b, - [theme="dark"] a:hover strong { - color: $single-link-hover-color-dark; - } - - ul, - ol { - margin: 0.5rem 0; - padding-left: 2.5rem; - } - - ul { - list-style-type: disc; - } - - ruby { - background: $code-background-color; - - rt { - color: $global-font-secondary-color; - } - - [theme="dark"] & { - background: $code-background-color-dark; - - rt { - color: $global-font-secondary-color-dark; - } - } - } - - .table-wrapper { - overflow-x: auto; - - &::-webkit-scrollbar { - background-color: $table-background-color; - - [theme="dark"] & { - background-color: $table-background-color-dark; - } - } - - > table { - width: 100%; - max-width: 100%; - margin: 0.625rem 0; - border-spacing: 0; - background: $table-background-color; - border-collapse: collapse; - - [theme="dark"] & { - background: $table-background-color-dark; - } - - thead { - background: $table-thead-color; - - [theme="dark"] & { - background-color: $table-thead-color-dark; - } - } - - th, - td { - padding: 0.3rem 1rem; - border: 1px solid darken($table-thead-color, 2%); - - [theme="dark"] & { - border-color: darken($table-thead-color-dark, 2%); - } - } - } - } - - img { - max-width: 100%; - min-height: 1em; - } - - figure { - margin: 0.5rem; - text-align: center; - - .image-caption:not(:empty) { - min-width: 20%; - max-width: 80%; - display: inline-block; - padding: 0.5rem; - margin: 0 auto; - font-size: 0.875rem; - color: #969696; - } - - img { - display: block; - height: auto; - margin: 0 auto; - overflow: hidden; - } - } - - .lazyloading { - @include object-fit(none); - } - - blockquote { - display: block; - border-left: 0.5rem solid $blockquote-color; - background-color: rgba($blockquote-color, 0.2); - padding: 0.25rem 0.75rem; - margin: 1rem 0; - - [theme="dark"] & { - border-left-color: $blockquote-color-dark; - background-color: rgba($blockquote-color-dark, 0.2); - } - } - - .footnotes { - color: $global-font-secondary-color; - - [theme="dark"] & { - color: $global-font-secondary-color-dark; - } - - p { - margin: 0.25rem 0; - } - } - - @import "../_partial/_single/code"; - @import "../_partial/_single/instagram"; - @import "../_partial/_single/admonition"; - @import "../_partial/_single/echarts"; - @import "../_partial/_single/mapbox"; - @import "../_partial/_single/music"; - @import "../_partial/_single/bilibili"; - @import "../_partial/_single/katex"; - - hr { - margin: 1rem 0; - position: relative; - border-top: 1px dashed $global-border-color; - border-bottom: none; - - [theme="dark"] & { - border-top: 1px dashed $global-border-color-dark; - } - } - - kbd { - display: inline-block; - padding: 0.25rem; - background-color: $global-background-color; - border: 1px solid $global-border-color; - border-bottom-color: $global-border-color; - @include border-radius(3px); - @include box-shadow(inset 0 -1px 0 $global-border-color); - font-size: 0.8rem; - font-family: $code-font-family; - color: $code-color; - - [theme="dark"] & { - background-color: $global-background-color-dark; - border: 1px solid $global-border-color-dark; - border-bottom-color: $global-border-color-dark; - @include box-shadow(inset 0 -1px 0 $global-border-color-dark); - color: $code-color-dark; - } - } - - .typeit { - .code { - padding: 0.375rem; - font-size: 0.875rem; - font-family: $code-font-family; - font-weight: bold; - word-break: break-all; - } - } - - .version { - height: 1.25em; - vertical-align: text-bottom; - } - } - - @import "../_partial/_single/footer"; - @import "../_partial/_single/comment"; -} - -.lg-toolbar .lg-icon::after { - color: #999; -} diff --git a/themes/CodeIT/assets/css/_page/_special.scss b/themes/CodeIT/assets/css/_page/_special.scss deleted file mode 100644 index 3a8f18d..0000000 --- a/themes/CodeIT/assets/css/_page/_special.scss +++ /dev/null @@ -1,6 +0,0 @@ -.special { - .single-title, - .single-subtitle { - text-align: right; - } -} |