md content ui adjust, prism.js yaml, toml, bash, shell added
This commit is contained in:
zzossig
parent
39c37fb687
commit
2189ecbae7
File diff suppressed because one or more lines are too long
|
|
@ -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);
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -20,9 +20,6 @@
|
|||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
@include themify($themes) {
|
||||
background-color: themed('avatar-background-color');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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,14 +144,19 @@
|
|||
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");
|
||||
}
|
||||
|
||||
code {
|
||||
margin: 0 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
@ -160,27 +168,30 @@
|
|||
p {
|
||||
margin: 0 0 1.75rem 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,11 +285,17 @@
|
|||
|
||||
code, pre {
|
||||
padding: 7px;
|
||||
line-height: 1.5em;
|
||||
font-size: $code-font-size;
|
||||
font-family: $code-font-stack;
|
||||
|
||||
@include themify($themes) {
|
||||
background: themed('content-pre-background-color');
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
|
|
@ -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');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -9,12 +9,12 @@ Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
|
|||
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;
|
||||
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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
@ -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,
|
||||
);
|
||||
|
|
@ -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,
|
||||
);
|
||||
|
|
@ -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,
|
||||
);
|
||||
|
|
@ -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%),
|
||||
);
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue