summaryrefslogtreecommitdiff
path: root/themes/CodeIT/assets/css/_page
diff options
context:
space:
mode:
Diffstat (limited to 'themes/CodeIT/assets/css/_page')
-rw-r--r--themes/CodeIT/assets/css/_page/_404.scss6
-rw-r--r--themes/CodeIT/assets/css/_page/_archive.scss13
-rw-r--r--themes/CodeIT/assets/css/_page/_home.scss183
-rw-r--r--themes/CodeIT/assets/css/_page/_index.scss22
-rw-r--r--themes/CodeIT/assets/css/_page/_single.scss345
-rw-r--r--themes/CodeIT/assets/css/_page/_special.scss6
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;
- }
-}