jekyll-theme-2038 0.1.0

data/_sass/2038/footer.scss

@@ -0,0 +1,80 @@
+.ml-footer {
+	.ml-wordmark {
+		float: left;
+	}
+
+	position: relative;
+	bottom: 0;
+	width: 100%;
+	min-height: 6rem;
+}
+
+$icon-size: 1.8em;
+
+.ml-social-list {
+	padding: 0
+}
+
+.ml-social-list li {
+	list-style: none;
+	margin: 6px;
+	display: inline-block;
+	float: right
+}
+
+.ml-footer-main {
+	padding: 2em;
+}
+
+.ml-ul-dot-line {
+	.ml-footer & {
+		text-align: center;
+	}
+	line-height: 2rem;
+	padding: 0;
+
+	li {
+		list-style: none;
+		display: inline-block;
+	}
+
+	li::before {
+		margin: 0 6px;
+		content: '\318D';
+	}
+
+	li:first-child::before {
+		display: none
+	}
+}
+
+.svg-icon {
+	width: $icon-size;
+	height: $icon-size;
+	display: inline-block;
+	fill: currentColor;
+	padding: 5px 3px 2px 5px;
+	vertical-align: text-bottom;
+}
+
+.ml-footer-divider {
+	display: none
+}
+
+@media screen and (min-width: 1280px) {
+	.ml-footer {
+		z-index: 10;
+	}
+}
+
+@media screen and (max-width: 749px) {
+	.ml-footer-divider {
+		display: block;
+		clear: both
+	}
+}
+
+.ml-clear {
+	clear: both
+}
+

data/_sass/2038/init.scss

@@ -0,0 +1,5 @@
+@import '2038/drawer';
+@import '2038/footer';
+@import '2038/resize';
+@import '2038/miscellaneous';
+

data/_sass/2038/miscellaneous.scss

@@ -0,0 +1,194 @@
+body {
+	scroll-behavior: smooth;
+}
+
+@-moz-document url-prefix() {
+	body {
+		text-align: justify;
+		text-justify: inter-word;
+	}
+}
+
+.ml-article ul, .ml-article ol {
+	padding-inline-start: 3em;
+}
+
+
+.ml-pinyin {
+	line-height: 2.2em;
+}
+
+.ml-ipa {
+	font-family: CharisSILW, serif, serif;
+}
+
+.ruby-wrapper {
+	margin: 0 .2em;
+}
+
+rt {
+	font-size: 82.5%;
+	line-height: 1.5;
+	speak: none
+}
+
+body, button, input, select, textarea, .temp-lang {
+	&:lang(*-Hans) {
+		font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
+	}
+
+	&:lang(cmn-Hans),
+	&:lang(wuu-Hans),
+	&:lang(czh-Hans),
+	&:lang(hak-Hans),
+	&:lang(yue-Hans),
+	&:lang(nan-Hans),
+	&:lang(cpx-Hans),
+	&:lang(cdo-Hans),
+	&:lang(mnp-Hans),
+	&:lang(zco-Hans),
+	&:lang(gan-Hans),
+	&:lang(hsn-Hans),
+	&:lang(cjy-Hans),
+	&:lang(lzh-Hans) {
+		font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
+	}
+
+	&:lang(jp) {
+		font: 300 1em/1.8;
+	}
+}
+
+.ml-article {
+	min-height: 30%;
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+.ml-title {
+	margin-bottom: 8px;
+}
+
+@media print {
+	body {
+		font: 400 12pt / 1.7 'Noto Serif CJK SC', serif,
+			"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+		background: white;
+		color: black;
+	}
+	.ml-header, .ml-footer, .ml-drawer {
+		display: none;
+	}
+}
+
+pre.highlight {
+	margin: 0;
+	padding: 1em;
+}
+
+blockquote {
+	margin: 0;
+	margin-left: 1em;
+	padding-left: .75em;
+}
+
+pre, code, samp, kbd {
+	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+kbd {
+	padding: 1px 3px 
+}
+
+p, table {
+	margin: .9em 0;
+}
+
+summary {
+	cursor: pointer
+}
+
+.highlight, .highlight .w {
+	background: none
+}
+
+u {
+	text-decoration: none
+}
+
+body, .ml-drawer-inside {
+	&::-webkit-scrollbar {
+		width: 5px;
+	}
+	&::-webkit-scrollbar-thumb {
+		border-radius: 10px;
+	}
+}
+
+.ml-front a {
+	margin-left: .5em;
+}
+
+q {
+	&:lang(cmn-Hans), &:lang(cmn-Hant),
+	&:lang(wuu-Hans), &:lang(wuu-Hant),
+	&:lang(czh-Hans), &:lang(czh-Hant),
+	&:lang(hak-Hans), &:lang(hak-Hant),
+	&:lang(yue-Hans), &:lang(yue-Hant),
+	&:lang(nan-Hans), &:lang(nan-Hant),
+	&:lang(cpx-Hans), &:lang(cpx-Hant),
+	&:lang(cdo-Hans), &:lang(cdo-Hant),
+	&:lang(mnp-Hans), &:lang(mnp-Hant),
+	&:lang(zco-Hans), &:lang(zco-Hant),
+	&:lang(gan-Hans), &:lang(gan-Hant),
+	&:lang(hsn-Hans), &:lang(hsn-Hant),
+	&:lang(cjy-Hans), &:lang(cjy-Hant),
+	&:lang(lzh-Hans), &:lang(lzh-Hant) {
+		quotes: '\300C' '\300D' '\300E' '\300F'
+	}
+
+	&:lang(*-Hans), &:lang(*-Hant) {
+		quotes: '\300C' '\300D' '\300E' '\300F'
+	}
+}
+
+
+math * {
+	text-align: center
+}
+
+.ml-card-list ul {
+	padding: 0;
+}
+
+
+a.ml-card-anchor, a.ml-block-anchor {
+	border: none;
+	display: block;
+}
+
+.ml-block-anchor {
+	padding: 4px
+}
+
+.ml-page-list {
+	text-align: center;
+	
+	li {
+		display: inline-block;
+		list-style: none;
+	}
+	
+	a, .ml-placeholder {
+		display: block;
+		width: 2.5em;
+		line-height: 2em;
+		border-bottom: none;
+	}
+}
+
+ul.ml-page-list {
+	padding: 0;
+}
+

data/_sass/2038/resize.scss

@@ -0,0 +1,125 @@
+$header-height: 9em !default;
+$middle-width: 960px !default;
+$link-change-time: .3s !default;
+
+.ml-main {
+	margin: 0 auto;	
+	padding: $header-height 0 4em;
+	max-width: $middle-width
+}
+
+.ml-drawer {
+	padding-right: ($middle-width / 2) + 10px
+}
+
+.ml-card-list dt::before {
+	content: '';
+	display: inline-block;
+	width: 15px;
+	height: 15px;
+	margin-right: 2em;
+}
+
+.ml-block-list li {
+	list-style: none;
+}
+
+.ml-card-list li {
+	list-style: none;
+	margin: 8px 4px;
+	display: inline-block;
+}
+
+.ml-card-list dd {
+	padding-bottom: 1em;
+}
+
+.ml-card-list dt {
+	position: relative;
+	left: -30px;
+}
+
+.ml-card-list {
+	margin-left: 6px;
+	padding-left: 20px;
+	line-height: 1.2rem;
+}
+
+.ml-card-list h2 {
+	margin: 5px 0;
+}
+
+.ml-card-anchor {
+	width: (($middle-width - 150px) / 2);
+	height: 10rem;
+	display: inline-block;
+	position: relative;
+	border: none;
+	overflow: hidden;
+}
+
+.ml-card-anchor .ml-card-text {
+	position: absolute;
+	bottom: 0;
+	padding: 10px;
+	padding-top: 14px;
+	@media screen and (prefers-reduced-motion: no-preference) {
+		padding-top: 4px;
+		transition: all $link-change-time;
+	}
+}
+
+.ml-card-anchor img {
+	opacity: 0.2;
+	position: absolute;
+	left: 0;
+	top: 0;
+	@media screen and (prefers-reduced-motion: no-preference) {
+		transition: all $link-change-time;
+	}
+}
+
+.ml-card-anchor:hover img {
+	opacity: 0.1;
+}
+
+.ml-card-anchor:hover .ml-card-text {
+	bottom: 10px;
+}
+
+@media (min-width: 1600px) {
+	.ml-main {
+		max-width: 60%;
+	}
+	.ml-drawer {
+		padding-right: -32%
+	}
+	.ml-card-anchor {
+		width: 30rem;
+	}
+}
+
+
+@media (max-width: 959px) {
+	.ml-main {
+		margin: 0 1em;
+		padding: $header-height 0 4em;
+	}
+	.ml-card-anchor {
+		width: 40vw;
+	}
+}
+
+@media (max-width: 767px) {
+	.ml-card-anchor {
+		width: 80vw;
+		height: 9rem;
+	}
+}
+
+@media (max-width: 539px) {
+	.ml-card-anchor {
+		height: 12rem;
+	}
+}
+

data/_sass/2038/syntax-dark.scss

@@ -0,0 +1,87 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #fbf1c7;
+  background-color: #282828;
+}
+.highlight .err {
+  color: #fb4934;
+  background-color: #282828;
+  font-weight: bold;
+}
+.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
+  color: #928374;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #8ec07c;
+}
+.highlight .nt {
+  color: #fb4934;
+}
+.highlight .o, .highlight .ow {
+  color: #fbf1c7;
+}
+.highlight .p, .highlight .pi {
+  color: #fbf1c7;
+}
+.highlight .gi {
+  color: #b8bb26;
+  background-color: #282828;
+}
+.highlight .gd {
+  color: #fb4934;
+  background-color: #282828;
+}
+.highlight .gh {
+  color: #b8bb26;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #fb4934;
+}
+.highlight .kc {
+  color: #d3869b;
+}
+.highlight .kt {
+  color: #fabd2f;
+}
+.highlight .kd {
+  color: #fe8019;
+}
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .si {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .sr {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .sa {
+  color: #fb4934;
+}
+.highlight .se {
+  color: #fe8019;
+}
+.highlight .nn {
+  color: #8ec07c;
+}
+.highlight .nc {
+  color: #8ec07c;
+}
+.highlight .no {
+  color: #d3869b;
+}
+.highlight .na {
+  color: #b8bb26;
+}
+.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
+  color: #d3869b;
+}
+.highlight .ss {
+  color: #83a598;
+}