diff options
author | Julio Capote <jcapote@gmail.com> | 2023-01-24 03:20:47 +0000 |
---|---|---|
committer | Julio Capote <jcapote@gmail.com> | 2023-01-24 03:20:47 +0000 |
commit | f24f2d15275961f1c0144e68fde75a60aeaaa165 (patch) | |
tree | 38be1626f3ade436fbd17eadb2753fa2f0effb37 /themes/even/src/css/_partial/_post | |
parent | bf04383b34c4a4fdfe239de2805a30a051921002 (diff) | |
download | capotej.com-f24f2d15275961f1c0144e68fde75a60aeaaa165.tar.gz |
move to bear theme
Diffstat (limited to '')
-rw-r--r-- | themes/even/src/css/_partial/_post.scss | 24 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_code.scss | 140 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_content.scss | 143 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_copyright.scss | 29 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_footer.scss | 87 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_header.scss | 46 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_outdated.scss | 25 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_reward.scss | 54 | ||||
-rw-r--r-- | themes/even/src/css/_partial/_post/_toc.scss | 55 |
9 files changed, 0 insertions, 603 deletions
diff --git a/themes/even/src/css/_partial/_post.scss b/themes/even/src/css/_partial/_post.scss deleted file mode 100644 index a980b29..0000000 --- a/themes/even/src/css/_partial/_post.scss +++ /dev/null @@ -1,24 +0,0 @@ -// ============================== -// Post -// ============================== - -.posts { - margin-bottom: $post-list-margin-bottom; - border-bottom: $post-border; -} - -.post { - padding: $post-padding; - - & + .post { - border-top: $post-border; - } - - @import '_post/header'; - @import '_post/toc'; - @import '_post/content'; - @import '_post/copyright'; - @import '_post/reward'; - @import '_post/footer'; - @import '_post/outdated'; -} diff --git a/themes/even/src/css/_partial/_post/_code.scss b/themes/even/src/css/_partial/_post/_code.scss deleted file mode 100644 index 2a23a77..0000000 --- a/themes/even/src/css/_partial/_post/_code.scss +++ /dev/null @@ -1,140 +0,0 @@ -code, pre { - padding: 7px; - font-size: $code-font-size; - font-family: $code-font-family; - background: $code-background; -} - -code { - padding: 3px 5px; - border-radius: 4px; - color: $code-color; -} - -figure.highlight { - margin: 1em 0; - border-radius: 5px; - overflow-x: auto; - box-shadow: 1px 1px 2px rgba(0,0,0,0.125); - position: relative; - - table { - position: relative; - - &::after { - position: absolute; - top: 0; - right: 0; - left: 0; - padding: 2px 7px; - font-size: $code-font-size; - font-weight: bold; - color: darken($gray, 10%); - background: darken($code-background, 3%); - content: 'Code'; - } - } - - @each $sign, $text in $code-type-list { - &.#{$sign} > table::after { - content: $text; - } - } - - .code { - pre { - margin: 0; - padding: 30px 10px 10px; - } - } - - .gutter { - width: 10px; - color: $gray; - - pre { - margin: 0; - padding: 30px 7px 10px; - } - } - - .line { - // Fix code block null line height and - // Synchronous gutter and code line highly. - height: round($code-font-size * 1.5); - } - - table, tr, td { - margin: 0; - padding: 0; - width: 100%; - border-collapse: collapse; - } - - .code { - .hljs-comment, - .hljs-quote { - color: map-get($code-highlight-color, comment); - } - - .hljs-keyword, - .hljs-selector-tag, - .hljs-addition { - color: map-get($code-highlight-color, keyword); - } - - .hljs-number, - .hljs-string, - .hljs-meta .hljs-meta-string, - .hljs-literal, - .hljs-doctag, - .hljs-regexp { - color: map-get($code-highlight-color, number); - } - - .hljs-title, - .hljs-section, - .hljs-name, - .hljs-selector-id, - .hljs-selector-class { - color: map-get($code-highlight-color, title); - } - - .hljs-attribute, - .hljs-attr, - .hljs-variable, - .hljs-template-variable, - .hljs-class .hljs-title, - .hljs-type { - color: map-get($code-highlight-color, attribute); - } - - .hljs-symbol, - .hljs-bullet, - .hljs-subst, - .hljs-meta, - .hljs-meta .hljs-keyword, - .hljs-selector-attr, - .hljs-selector-pseudo, - .hljs-link { - color: map-get($code-highlight-color, symbol); - } - - .hljs-built_in, - .hljs-deletion { - color: map-get($code-highlight-color, built_in); - } - - .hljs-formula { - background: map-get($code-highlight-color, formula); - } - - .hljs-emphasis { - font-style: italic; - } - - .hljs-strong { - font-weight: bold; - } - } -} diff --git a/themes/even/src/css/_partial/_post/_content.scss b/themes/even/src/css/_partial/_post/_content.scss deleted file mode 100644 index 04c236e..0000000 --- a/themes/even/src/css/_partial/_post/_content.scss +++ /dev/null @@ -1,143 +0,0 @@ -// ============================== -// Post content -// ============================== - -.post-content { - word-wrap: break-word; - - @for $i from 1 through 6 { - h#{$i} { - font-weight: 400; - font-family: $global-font-family; - } - } - - a { - color: $theme-color; - word-break: break-all; - - &:hover { - border-bottom: $content-link-border; - } - - &.fancybox { - border: 0; - } - } - - blockquote { - margin: 2em 0; - padding: 10px 20px; - position: relative; - color: rgba(#34495e, 0.8); - background-color: $content-blockquote-backgroud; - border-left: $content-blockquote-border-left; - box-shadow: 1px 1px 2px rgba(0,0,0,0.125); - - p { - margin: 0; - } - } - - img { - display: inline-block; - max-width: 100%; - } - - > table { - max-width: 100%; - margin: 10px 0; - border-spacing: 0; - box-shadow: 2px 2px 3px rgba(0,0,0,.125); - - thead { - background: $deputy-color; - } - - th, td { - padding: 5px 15px; - border: 1px double $content-table-border-color; - } - - tr:hover { - background-color: $deputy-color; - } - } - - @import 'code'; - - .post-summary { - margin-bottom: 1em; - } - - .read-more { - .read-more-link { - color: $theme-color; - font-size: 1.1em; - font-family: $global-font-family; - - &:hover { - border-bottom: $post-readMore-border-bottom; - } - } - } - - kbd { - display: inline-block; - padding: 0.25em; - background-color: #fafafa; - border: 1px solid #dbdbdb; - border-bottom-color: #b5b5b5; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #b5b5b5; - font-size: 0.8em; - line-height: 1.25; - font-family: "SFMono-Regular","Liberation Mono","Roboto Mono",Menlo,Monaco,Consolas,"Courier New",Courier,monospace; - color: #4a4a4a; - } - - dl dt::after { - content: ':'; - } - - figure { - &.center { - text-align: center; - } - - &.right { - text-align: right; - } - - &.left { - text-align: left; - } - - figcaption h4 { - color: #b5b5b5; - font-size: 0.9rem; - } - } - - .task-list { - list-style: none; - padding-left: 1.5rem; - } - - .align-center { - text-align: center; - } - - .align-right { - text-align: right; - } - - .align-left { - text-align: left; - } - - .MJXc-display { - overflow-x: auto; - overflow-y: hidden; - } -} diff --git a/themes/even/src/css/_partial/_post/_copyright.scss b/themes/even/src/css/_partial/_post/_copyright.scss deleted file mode 100644 index 374061f..0000000 --- a/themes/even/src/css/_partial/_post/_copyright.scss +++ /dev/null @@ -1,29 +0,0 @@ -.post-copyright { - margin-top: 20px; - padding-top: 10px; - border-top: 1px dashed $light-gray; - - .copyright-item { - margin: 5px 0; - - a { - color: $theme-color; - word-wrap: break-word; - - &:hover { - border-bottom: $content-link-border; - } - } - - .item-title { - display: inline-block; - min-width: 5rem; - margin-right: .5rem; - text-align: right; - - &:after { - content: " :"; - } - } - } -} diff --git a/themes/even/src/css/_partial/_post/_footer.scss b/themes/even/src/css/_partial/_post/_footer.scss deleted file mode 100644 index 8a2a443..0000000 --- a/themes/even/src/css/_partial/_post/_footer.scss +++ /dev/null @@ -1,87 +0,0 @@ -// ============================== -// Post footer -// ============================== -.post-tags { - padding: $post-tags-padding; - - a { - margin-right: 5px; - color: $theme-color; - word-break: break-all; - - &::before { - content: '#'; - } - } -} - -.post-footer { - margin-top: $post-footer-margin-top; - border-top: $post-footer-border-top; - font-family: $global-font-family; - - .post-tags { - padding: $post-tags-padding; - - a { - margin-right: 5px; - color: $theme-color; - word-break: break-all; - - &::before { - content: '#'; - } - } - } - - .post-nav { - margin: 1em 0; - @include clearfix; - - .prev, - .next { - font-weight: 600; - font-size: $post-nav-font-size; - font-family: $global-font-family; - transition-property: transform; - transition-timing-function: ease-out; - transition-duration: 0.3s; - } - - .prev { - float: left; - - &:hover { - color: $theme-color; - transform: translateX(-4px); - } - } - - .next { - float: right; - - &:hover { - color: $theme-color; - transform: translateX(4px); - } - } - - .nav-mobile { - display: none; - } - } -} - -@include max-screen() { - .post-footer { - .post-nav { - .nav-default { - display: none; - } - - .nav-mobile { - display: inline; - } - } - } -} diff --git a/themes/even/src/css/_partial/_post/_header.scss b/themes/even/src/css/_partial/_post/_header.scss deleted file mode 100644 index d2a3cd5..0000000 --- a/themes/even/src/css/_partial/_post/_header.scss +++ /dev/null @@ -1,46 +0,0 @@ -.post-header { - margin-bottom: 20px; - - .post-title { - margin: 0; - font-size: $post-title-font-size; - font-weight: $post-title-font-weight; - font-family: $global-font-family; - } - - .post-link { - @include underline-from-center; - } - - .post-meta { - font-size: 14px; - color: $post-meta-font-color; - - .post-time { - font-size: 15px; - } - - .post-category { - display: inline; - - a { - color: inherit; - - &::before { - content: '·'; - } - - &:hover { - color: $theme-color; - } - } - } - - .more-meta { - &::before { - content: '·'; - } - } - - } -} diff --git a/themes/even/src/css/_partial/_post/_outdated.scss b/themes/even/src/css/_partial/_post/_outdated.scss deleted file mode 100644 index be7b5ea..0000000 --- a/themes/even/src/css/_partial/_post/_outdated.scss +++ /dev/null @@ -1,25 +0,0 @@ -.post-outdated { - .hint { - position: relative; - margin-top: 20px; - margin-bottom: 20px; - padding: 5px 10px; - border-left: 4px solid rgb(66, 172, 243); - background-color: rgb(239, 245, 255); - border-color: rgb(66, 172, 243); - } - - .warn { - position: relative; - margin-top: 20px; - margin-bottom: 20px; - padding: 5px 10px; - border-left: 4px solid #f9cf63; - background-color: #ffffc0; - border-color: #f9cf63; - } -} - - - - diff --git a/themes/even/src/css/_partial/_post/_reward.scss b/themes/even/src/css/_partial/_post/_reward.scss deleted file mode 100644 index 3a03a9f..0000000 --- a/themes/even/src/css/_partial/_post/_reward.scss +++ /dev/null @@ -1,54 +0,0 @@ -.post-reward { - margin-top: 20px; - padding-top: 10px; - text-align: center; - border-top: 1px dashed $light-gray; - - .reward-button { - margin: 15px 0; - padding: 3px 7px; - display: inline-block; - color: $theme-color; - border: 1px solid $theme-color; - border-radius: 5px; - cursor: pointer; - - &:hover { - color: $white; - background-color: $theme-color; - transition: 0.5s; - } - } - - #reward:checked { - & ~ .qr-code { - display: block; - } - - & ~ .reward-button { - display: none; - } - } - - .qr-code { - display: none; - - .qr-code-image { - display: inline-block; - min-width: 200px; - width: 40%; - margin-top: 15px; - - span { - display: inline-block; - width: 100%; - margin: 8px 0; - } - } - - .image { - width: 200px; - height: 200px; - } - } -}
\ No newline at end of file diff --git a/themes/even/src/css/_partial/_post/_toc.scss b/themes/even/src/css/_partial/_post/_toc.scss deleted file mode 100644 index 5bc800e..0000000 --- a/themes/even/src/css/_partial/_post/_toc.scss +++ /dev/null @@ -1,55 +0,0 @@ -.post-toc { - position: absolute; - width: $post-toc-width; - margin-left: $post-toc-margin-left; - padding: 10px; - font-family: $global-font-family; - border-radius: 5px; - background: $post-toc-backgroud; - box-shadow: 1px 1px 2px rgba(0,0,0,0.125); - word-wrap: break-word; - box-sizing: border-box; - - .post-toc-title { - margin: 0 10px; - font-size: $post-toc-title-size; - font-weight: 400; - text-transform: uppercase; - } - - .post-toc-content { - font-size: $post-toc-content; - - &.always-active ul { - display: block; - } - - >nav>ul { - margin: 10px 0; - } - - ul { - padding-left: 20px; - list-style: $post-toc-list-style; - - ul { - padding-left: 15px; - display: none; - } - - .has-active > ul { - display: block; - } - } - - .toc-link.active { - color: $theme-color; - } - } -} - -@include max-screen($toc-max-sreen-width) { - .post-toc { - display: none; - } -} |