summaryrefslogtreecommitdiffstats
path: root/assets/scss/_fuji-theme/_style.scss
diff options
context:
space:
mode:
authoramzrk22020-06-01 15:44:04 +0800
committeramzrk22020-06-01 15:44:04 +0800
commit02c3891865c7741b8f772aea75cc01564d2f0ff4 (patch)
treedb0e4dd8c3ef95181f5e665ca09f731b75de0387 /assets/scss/_fuji-theme/_style.scss
parent2338da969d3bc1b2bc26df9f7192dd20a0906c5b (diff)
downloadhugo-theme-fuji-02c3891865c7741b8f772aea75cc01564d2f0ff4.tar.gz
hugo-theme-fuji-02c3891865c7741b8f772aea75cc01564d2f0ff4.tar.bz2
hugo-theme-fuji-02c3891865c7741b8f772aea75cc01564d2f0ff4.zip
Remove jQuery
Diffstat (limited to 'assets/scss/_fuji-theme/_style.scss')
-rw-r--r--assets/scss/_fuji-theme/_style.scss203
1 files changed, 203 insertions, 0 deletions
diff --git a/assets/scss/_fuji-theme/_style.scss b/assets/scss/_fuji-theme/_style.scss
new file mode 100644
index 0000000..b2266e6
--- /dev/null
+++ b/assets/scss/_fuji-theme/_style.scss
@@ -0,0 +1,203 @@
+::selection,
+::-moz-selection {
+ color: var(--color-bg);
+ background-color: var(--color-primary);
+}
+
+body {
+ background-color: var(--color-bg);
+ color: var(--color-font);
+
+ @include link-1();
+}
+
+.post-summary,
+.post-meta {
+ @include link-2();
+}
+
+.pag-current a,
+.pag-current a:hover {
+ color: var(--color-focus);
+}
+
+.title-sub,
+.post-meta {
+ color: var(--color-mute);
+}
+
+header,
+.page-info {
+ border-bottom: $divider;
+}
+
+.post + .post,
+.pagination,
+footer {
+ border-top: $divider;
+}
+
+.post-meta-archive {
+ @include link-2();
+
+ color: var(--color-mute);
+}
+
+@media screen and (max-width: $width-md) {
+ .sidebar {
+ border-top: $divider;
+ }
+}
+
+// single page part
+.post-content {
+ @include link-2();
+}
+
+.markdown-body {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ color: var(--color-primary);
+ }
+
+ h1,
+ h2 {
+ border-bottom: $divider;
+ }
+
+ blockquote {
+ color: var(--color-mute);
+ }
+
+ img {
+ border-radius: 2px;
+ background-color: inherit; // fix white pixels under border-radius
+ }
+
+ hr {
+ height: 2px;
+ }
+
+ pre,
+ code {
+ background-color: var(--color-codebg);
+ }
+}
+
+.post-loading,
+.post-comment .utterances-frame,
+.post-comment #disqus_thread {
+ border-top: $divider;
+}
+
+// components
+.btn {
+ div {
+ background-color: var(--color-divider);
+
+ color: var(--color-primary);
+ }
+
+ div:hover {
+ background-color: var(--color-primary);
+ color: var(--color-divider);
+ }
+
+ div + div {
+ border-top: 2px solid var(--color-bg);
+ }
+}
+
+// prism.js theme [solarized-light]
+
+code[class*='language-'],
+pre[class*='language-'] {
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: #93a1a1; /* base1 */
+}
+
+.token.punctuation {
+ color: #586e75; /* base01 */
+}
+
+.token.namespace {
+ opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #268bd2; /* blue */
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.url,
+.token.inserted {
+ color: #2aa198; /* cyan */
+}
+
+.token.entity {
+ color: #657b83; /* base00 */
+ background: #eee8d5; /* base2 */
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #859900; /* green */
+}
+
+.token.function,
+.token.class-name {
+ color: #b58900; /* yellow */
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #cb4b16; /* orange */
+}
+
+.token.important,
+.token.bold {
+ font-weight: 600;
+}
+.token.italic {
+ font-style: italic;
+}
+
+// fix conflicts of primer css & prism.js style
+pre,
+code {
+ .rule {
+ margin: 0;
+ border-bottom: none;
+ overflow: inherit;
+
+ &::before,
+ &::after {
+ display: inherit;
+ clear: inherit;
+ }
+ }
+}