kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

md content ui adjust, prism.js yaml, toml, bash, shell added

This commit is contained in:
zzossig 2019-11-26 15:25:15 +09:00
parent 39c37fb687
commit 2189ecbae7
16 changed files with 161 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/prism.min.js vendored
View File

File diff suppressed because one or more lines are too long

10
assets/js/zzo.js
View File

@ -188,4 +188,14 @@ $(document).ready(function() {
$('html').css('overflow-y', 'visible');
}
});
// markdown table
const tables = document.querySelectorAll('.single__contents > table');
for (let i = 0; i < tables.length; i++) {
const table = tables[i];
const wrapper = document.createElement('div');
wrapper.className = 'table-wrapper';
table.parentElement.replaceChild(wrapper, table);
wrapper.appendChild(table);
}
});

3
assets/sass/components/_bio.scss
View File

@ -20,9 +20,6 @@
@include flexbox();
@include align-items(center);
@include justify-content(center);
@include themify($themes) {
background-color: themed('avatar-background-color');
}
}
}

30
assets/sass/components/_summary.scss
View File

@ -1,9 +1,9 @@
.summary-card {
@for $i from 1 through 8 {
&:nth-child(#{$i}) {
@include animation('slide-in-down-2 .3s #{$i * .15}s 1 ease both');
}
}
// @for $i from 1 through 8 {
// &:nth-child(#{$i}) {
// @include animation('slide-in-down-2 .3s #{$i * .15}s 1 ease both');
// }
// }
margin: 0 0.5rem;
padding: 0 0.5rem;
@ -83,11 +83,11 @@
}
.summary-classic {
@for $i from 1 through 13 {
&:nth-child(#{$i}) {
@include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
}
}
// @for $i from 1 through 13 {
// &:nth-child(#{$i}) {
// @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
// }
// }
padding: 0 1rem;
.title {
@ -163,11 +163,11 @@
}
.summary-compact {
@for $i from 1 through 20 {
&:nth-child(#{$i}) {
@include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
}
}
// @for $i from 1 through 20 {
// &:nth-child(#{$i}) {
// @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
// }
// }
padding: 0 1rem;
&__flexbox {

122
assets/sass/pages/_single.scss
View File

@ -1,7 +1,7 @@
.single {
padding: 1rem;
position: relative;
width: 100%;
width: 100%;
&__title {
font-size: 2.5rem;
@ -10,7 +10,7 @@
line-height: 3rem;
overflow-wrap: break-word;
@include animation('slide-in-down .3s .1s 1 ease both');
//@include animation('slide-in-down .3s .1s 1 ease both');
@include themify($themes) {
color: themed("single-header-title-color");
}
@ -20,7 +20,7 @@
font-size: 0.8rem;
@include flexbox();
@include align-items(center);
@include animation('slide-in-down .3s .4s 1 ease both');
//@include animation('slide-in-down .3s .4s 1 ease both');
@include respond-to(sm) {
@include flexbox();
@ -33,16 +33,19 @@
}
&__contents {
@include animation('slide-in-down-3 .3s .7s 1 ease both');
//@include animation('slide-in-down-3 .3s .7s 1 ease both');
&--gallery {
overflow: hidden;
@include animation('slide-in-down-3 .6s .0s 1 ease both');
//@include animation('slide-in-down-3 .6s .0s 1 ease both');
}
&--about {
@include animation('slide-in-down-3 .6s .2s 1 ease both');
//@include animation('slide-in-down-3 .6s .2s 1 ease both');
}
&>p>a {
text-decoration: underline;
}
font-size: 1rem;
font-family: $single_contents_font;
@ -141,13 +144,18 @@
blockquote {
margin: 0 1.75rem 1.75rem 1.5rem;
padding: 0 0 0 1.42188rem;
font-size: 1.20112rem;
font-size: 1.05rem;
line-height: 1.75rem;
color: inherit;
font-style: italic;
opacity: 0.8;
position: relative;
@include themify($themes) {
border-left: 0.32813rem solid themed("single-blockquote-border-color");
border-left: 0.32813rem solid themed("single-blockquote-border-color");
}
code {
margin: 0 0.25rem;
}
}
@ -159,28 +167,31 @@
p {
margin: 0 0 1.75rem 0;
padding: 0;
}
padding: 0;
a {
text-decoration: underline;
code {
margin: 0 0.25rem;
}
}
ul {
margin-right: 0;
margin-top: 0;
padding: 0;
margin-bottom: 1.75rem;
list-style: disc outside none;
}
li {
margin-left: 2rem;
margin-bottom: calc(1.75rem / 2);
margin-bottom: calc(1rem / 2);
code {
margin: 0 0.25rem;
}
}
hr {
margin: 0 0 calc(1.75rem - 1px) 0;
margin: 0 0 calc(1.25rem - 1px) 0;
padding: 0;
border: none;
height: 1px;
@ -189,9 +200,70 @@
}
}
dl dt::after {
content: ':';
}
dd {
display: block;
margin-inline-start: 40px;
}
.anchor {
cursor: pointer;
}
.footnote-ref {
a {
font-size: 0.75rem;
font-weight: bold;
margin-left: 3px;
&::before {
content: "[";
}
&::after {
content: "]";
}
}
}
.table-wrapper {
overflow-x: auto;
> table {
max-width: 100%;
margin: 10px 0;
border-spacing: 0;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.125);
@include themify($themes) {
thead {
background: themed('content-pre-header-background-color');
}
th {
color: themed('content-pre-header-color');
}
th, td {
padding: 5px 15px;
font-size: 0.9rem;
border: 1px double themed('content-pre-border-background-color');
}
tr:hover {
background-color: themed('content-pre-header-background-color');
}
}
}
code {
margin: 0 0.25rem;
}
}
}
&__tags {
@ -213,15 +285,21 @@
code, pre {
padding: 7px;
line-height: 1.5em;
font-size: $code-font-size;
font-family: $code-font-stack;
font-family: $code-font-stack;
@include themify($themes) {
background: themed('content-pre-background-color');
}
a {
text-decoration: none !important;
}
}
code {
padding: 3px 5px;
padding: 3px 5px;
border-radius: 4px;
@include themify($themes) {
background: themed('content-pre-background-color');
@ -236,6 +314,7 @@ code {
box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
position: relative;
@include themify($themes) {
color: themed('content-pre-color');
background: themed('content-pre-background-color');
}
@ -293,4 +372,11 @@ code {
width: 100%;
border-collapse: collapse;
}
/* LineNumbersTable */
.lnt {
@include themify($themes) {
color: themed('content-pre-number-color');
}
}
}

1
assets/sass/prism/_dark.scss
View File

@ -8,7 +8,6 @@
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1;
min-width: 100%;
font-size: 14px;
line-height: 1.5em;

4
assets/sass/prism/_light.scss
View File

@ -8,13 +8,13 @@ Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
code[class*="language-"],
pre[class*="language-"] {
font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
font-size: 14px;
line-height: 1.375;
font-size: 14px;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
line-height: 1.5em;
-moz-tab-size: 4;
-o-tab-size: 4;

2
assets/sass/prism/_solarized.scss
View File

@ -22,7 +22,7 @@
white-space: pre;
word-spacing: normal;
word-break: normal;
line-height: 1.5;
line-height: 1.5em;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;

4
assets/sass/themes/_custom.scss
View File

@ -47,9 +47,12 @@ $custom: (
related-header-title-color: hsl($primary_color, 100%, 10%),
related-link-color: hsl($primary_color, 65%, 32%),
content-pre-main-color: hsl($primary_color, 65%, 32%),
content-pre-color: hsl($primary_color, 100%, 10%),
content-pre-number-color: hsl($primary_color, 0%, 67%),
content-pre-background-color: hsl($primary_color, 100%, 97%),
content-pre-header-color: hsl($primary_color, 100%, 10%),
content-pre-header-background-color: hsl($primary_color, 100%, 92%),
content-pre-border-background-color: hsl($primary_color, 100%, 86%),
burger-menu-color: hsl($primary_color, 100%, 10%),
social-icon-color: hsl($primary_color, 25%, 50%),
social-icon-hover-color: hsl($primary_color, 25%, 60%),
@ -91,5 +94,4 @@ $custom: (
switch-active-color: hsl($primary_color, 80%, 60%),
gallery-mask-color: hsl($primary_color, 100%, 10%),
gallery-mask-background-color: hsla($primary_color, 100%, 90%, 0.7),
avatar-background-color: hsl($primary_color, 100%, 90%),
) !default;

7
assets/sass/themes/_dark.scss
View File

@ -47,9 +47,12 @@ $dark: (
related-header-title-color: #FCFCFA,
related-link-color: #A9DC76,
content-pre-main-color: #FFA7C4,
content-pre-color: #d1d1d1,
content-pre-number-color: #666,
content-pre-background-color: #011627,
content-pre-header-background-color: darken(#011627, 1.5%),
content-pre-header-color: #FCFCFA,
content-pre-border-background-color: #3a3a3a,
content-pre-header-color: #d1d1d1,
burger-menu-color: #FCFCFA,
social-icon-color: #bdbdbd,
social-icon-hover-color: lighten(#bdbdbd, 20%),
@ -91,6 +94,4 @@ $dark: (
switch-active-color: #FF6188,
gallery-mask-color: #FCFCFA,
gallery-mask-background-color: rgba(0, 0, 0, 0.7),
avatar-background-color: #403E41,
language-background-color: #bdbdbd,
);

4
assets/sass/themes/_hacker.scss
View File

@ -47,7 +47,10 @@ $hacker: (
related-header-title-color: #FCFCFA,
related-link-color: #C7BA00,
content-pre-main-color: #1FFF2A,
content-pre-color: #d1d1d1,
content-pre-number-color: #666,
content-pre-background-color: #202420,
content-pre-border-background-color: #f3ff6e,
content-pre-header-background-color: darken(#202420, 1.5%),
content-pre-header-color: #f3ff6e,
burger-menu-color: #1FFF2A,
@ -91,5 +94,4 @@ $hacker: (
switch-active-color: #FF6188,
gallery-mask-color: #FCFCFA,
gallery-mask-background-color: rgba(0, 0, 0, 0.7),
avatar-background-color: #E3CD26,
);

6
assets/sass/themes/_light.scss
View File

@ -47,9 +47,12 @@ $light: (
related-header-title-color: #424242,
related-link-color: #607d8b,
content-pre-main-color: #607d8b,
content-pre-color: #344952,
content-pre-number-color: #aaa,
content-pre-background-color: #F5F2F0,
content-pre-border-background-color: darken(#F5F2F0, 7%),
content-pre-header-background-color: darken(#F5F2F0, 3%),
content-pre-header-color: #212121,
content-pre-header-color: #344952,
burger-menu-color: #9e9e9e,
social-icon-color: #9e9e9e,
social-icon-hover-color: darken(#9e9e9e, 20%),
@ -91,5 +94,4 @@ $light: (
switch-active-color: #FF6188,
gallery-mask-color: #424242,
gallery-mask-background-color: rgba(255, 255, 255, 0.7),
avatar-background-color: #dbdbdb,
);

8
assets/sass/themes/_solarized.scss
View File

@ -47,9 +47,12 @@ $solarized: (
related-header-title-color: #424242,
related-link-color: #ffb300,
content-pre-main-color: #B58900,
content-pre-color: #344952,
content-pre-number-color: #aaa,
content-pre-background-color: #FBF1D1,
content-pre-header-background-color: darken(#FBF1D1, 3%),
content-pre-header-color: #424242,
content-pre-border-background-color: darken(#FBF1D1, 12%),
content-pre-header-background-color: darken(#FBF1D1, 6%),
content-pre-header-color: #344952,
burger-menu-color: #B58900,
social-icon-color: #B58900,
social-icon-hover-color: lighten(#B58900, 10%),
@ -91,5 +94,4 @@ $solarized: (
switch-active-color: #FF6188,
gallery-mask-color: #424242,
gallery-mask-background-color: rgba(253, 247, 227, 0.7),
avatar-background-color: darken(#FBF1D1, 5%),
);

2
exampleSite/resources/_gen/assets/scss/sass/main.scss_b4f67ac5085b89b62b54c1923e5a9145.content
View File

File diff suppressed because one or more lines are too long

8
layouts/partials/footer/select-lang.html
View File

@ -4,14 +4,14 @@
{{ partial "svgs/etc/translate.svg" (dict "width" 24 "height" 24) }}
</button>
<div class="dropdown-content">
{{ $siteLanguages := .Site.Languages}}
{{ $pageLang := .Page.Lang}}
{{ $siteLanguages := .Site.Languages }}
{{ $pageLang := .Page.Lang }}
{{ range .Page.AllTranslations }}
{{ $translation := .}}
{{ $translation := . }}
{{ range $siteLanguages }}
{{ if eq $translation.Lang .Lang }}
{{ $selected := false }}
{{ if eq $pageLang .Lang}}
{{ if eq $pageLang .Lang }}
<a href="{{ $translation.Permalink }}" data-lang="{{ .Lang }}" class="dropdown-item is-active">{{ .LanguageName }}</a>
{{ else }}
<a href="{{ $translation.Permalink }}" data-lang="{{ .Lang }}" class="dropdown-item">{{ .LanguageName }}</a>

4
layouts/partials/script/single-script.html
View File

@ -432,9 +432,9 @@
mermaid.initialize({ theme: 'dark' });
} else {
mermaid.initialize({ theme: 'default' });
}
}
// mermaid Fix Mermaid.js clash with Highlight.js.
// mermaid Fix Mermaid.js clash with Highlight.js.
$('code.language-mermaid:odd').each(function() {
$(this).unwrap('pre');
$(this).replaceWith(function () {