diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..a1c4910 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "compile-hero.disable-compile-files-on-did-save-code": true +} \ No newline at end of file diff --git a/module/macro.ftl b/module/macro.ftl index 2a85194..cacf3ba 100644 --- a/module/macro.ftl +++ b/module/macro.ftl @@ -1,6 +1,6 @@ <#macro layout title> - + @@ -9,20 +9,14 @@ <@global.head /> - - <#-- 公共样式表 --> - - - - - - - + <#-- 自定义样式表 --> + +
@@ -32,7 +26,7 @@ <#-- 脚注 -->
-
+
${post.formatContent!}
diff --git a/source/css/Redemption.css b/source/css/Redemption.css index afc5461..d0f3550 100644 --- a/source/css/Redemption.css +++ b/source/css/Redemption.css @@ -1,11 +1,61 @@ -html::-webkit-scrollbar { +body { + font-size: 16px; + font-variant-numeric: tabular-nums; + -webkit-font-smoothing: antialiased; +} + +[data-font=serif] { + font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: 500; +} + +[data-font=sans] { + font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: 400; +} + +html ::-webkit-scrollbar { width: 10px; height: 10px; } - -html::-webkit-scrollbar-thumb { +html ::-webkit-scrollbar-thumb { height: 40px; border-radius: 16px; + background-color: rgba(0, 0, 0, 0.249); +} +[data-darkmode=dark] html ::-webkit-scrollbar-thumb { + background-color: blue; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] html ::-webkit-scrollbar-thumb { + background-color: blue; + } +} +html ::-webkit-scrollbar-thumb:hover { + background-color: rgba(0, 0, 0, 0.249); +} +[data-darkmode=dark] html ::-webkit-scrollbar-thumb:hover { + background-color: blue; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] html ::-webkit-scrollbar-thumb:hover { + background-color: blue; + } +} + +body { + background-color: #f7f7f7; + color: #333333; +} +[data-darkmode=dark] body { + background-color: #3d3d3d; + color: #a3a3a3; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] body { + background-color: #3d3d3d; + color: #a3a3a3; + } } .container { @@ -15,39 +65,6 @@ html::-webkit-scrollbar-thumb { align-items: center; } -.header { - width: 45rem; - padding: 7rem 0 3rem 0; - -webkit-background-size: cover; - background-size: cover; - display: flex; - justify-content: space-between; - align-items: center; -} -.header > .title { - width: 6rem; -} -.header > .title > a { - font-size: 2.2rem; - letter-spacing: 0.2rem; - line-height: 2.4rem; -} -.header > .description { - display: flex; - flex-direction: column; - align-items: flex-end; - font-size: 0.9rem; -} -.header > .description > .socials { - display: flex; - justify-content: flex-end; -} -.header > .description > .socials > a { - font-size: 1rem; - margin-left: 0.5rem; - cursor: pointer; -} - main { display: flex; flex-wrap: nowrap; @@ -56,7 +73,20 @@ main { width: 52rem; margin-top: 4rem; padding-bottom: 3rem; + background: #ffffff; + box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.17); } +[data-darkmode=dark] main { + background: #292929; + box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.34); +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] main { + background: #292929; + box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.34); + } +} + main > .index, main > .archives, main > .categories, @@ -68,194 +98,17 @@ main > .journals { width: 45rem; padding: 1rem 0.1rem 1rem 0.1rem; } -main .index > h1 > a { - letter-spacing: 0.0625rem; - font-size: 1.375rem; - line-height: 1.75rem; -} -main .index > p { - line-height: 1.5rem; - text-indent: 2rem; -} -main .index > .info { - display: flex; - justify-content: flex-end; - flex-wrap: wrap; - flex-direction: row; - padding: 0.5rem 0 2rem 0; -} -main .index > .info > .date, -main .index > .info .tag { - font-weight: 400; - font-size: 0.75rem; - margin: 0 0.5rem; -} -main .index > .info > .date > i, -main .index > .info .tag > i { - position: relative; - top: 0.1rem; -} -main .index > .info > .date > a, -main .index > .info .tag > a { - font-size: 0.75rem; -} -main .archives > ul { - padding: 0.625rem 0.1rem; -} -main .archives > ul > .year { - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; -} -main .archives > ul > li { - display: flex; - justify-content: space-between; - font-size: 0.875rem; - padding-bottom: 0.3rem; - line-height: 1.75rem; -} -main .categories, main .tags { - margin: 5rem 0; -} -main .categories > ul, main .tags > ul { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - align-content: center; - flex-wrap: wrap; -} -main .categories > ul > li, main .tags > ul > li { - margin: 0.5rem 1rem; - font-size: 1rem; -} -main .categories > ul .count, main .tags > ul .count { - display: inline-block; - position: relative; - top: -0.5rem; - right: -0.125rem; - font-size: 0.75rem; -} -main .category > ul, main .tag > ul { - padding: 0.625rem 0.1rem; -} -main .category > ul > .name, main .tag > ul > .name { - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; -} -main .category > ul > li, main .tag > ul > li { - display: flex; - justify-content: space-between; - font-size: 0.875rem; - padding-bottom: 0.3rem; - line-height: 1.75rem; -} -main .links > ul { - padding: 0.625rem 0.1rem; -} -main .links > ul > .friend { - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; -} -main .links > ul > li { - display: flex; - justify-content: space-between; - font-size: 1rem; - padding-bottom: 0.3rem; - line-height: 1.5rem; -} -main .post > .title { - margin-top: 4rem; -} -main .post > .title > h1 > a { - letter-spacing: 0.0625rem; - font-size: 2rem; - line-height: 2rem; -} -main .post > .title > .info { - padding-bottom: 1rem; - margin-bottom: 1rem; -} -main .post > .title > .info > span { - margin: 0 0.25rem; - font-weight: 400; - font-size: 0.75rem; -} -main .post > .title > .info > span i { - position: relative; - top: 0.125rem; -} -main .journals > .name { - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; -} -main .journals > ul > li { - padding: 1rem 0.1rem; -} -main .journals > ul > li > .content { - padding: 0.25rem 0.25rem; - font-size: 1rem; -} -main .journals > ul > li > .option { - display: flex; - justify-content: flex-end; - font-weight: 400; - font-size: 0.75rem; - margin: 0 0.5rem; -} -main .journals > ul > li > .option > i { - padding: 0 0.5rem; -} -main .journals > ul > li > .info { - display: flex; - justify-content: flex-end; - font-size: 0.75rem; -} -main .pagenav { - display: flex; - justify-content: space-between; - padding: 2rem 0; -} -main .pagenav > a { - text-decoration: none; - margin: 0 2rem; -} -footer { - padding: 2rem 0; -} -footer .copyright { - font-size: 0.8rem; -} -footer .copyright a { - margin: 0 0.125rem; -} - -.comment { - width: 47rem; - margin: 1rem 0rem; - padding: 1rem 2.5rem; +.menu { + position: fixed; + right: 0.5rem; + bottom: 10rem; } .close { display: none; } -.post-bottom-menu { - display: flex; - justify-content: space-around; - margin-top: 2rem; - padding-top: 2rem; - width: 40rem; -} - /*animation starts*/ @-webkit-keyframes fadeInDown { 0% { @@ -298,6 +151,710 @@ footer .copyright a { } } /*animation ends*/ -.heti > img { - width: 97% !important; -} \ No newline at end of file +.header { + width: 45rem; + padding: 7rem 0 3rem 0; + -webkit-background-size: cover; + background-size: cover; + display: flex; + justify-content: space-between; + align-items: center; +} +.header > .title { + width: 6rem; +} +.header > .title > a { + font-size: 2.2rem; + letter-spacing: 0.2rem; + line-height: 2.4rem; +} +.header > .title > a > span { + color: #262626; +} +.header > .title > a > span:hover { + color: #26262680; +} +[data-darkmode=dark] .header > .title > a > span { + color: #dbdbdb; +} +[data-darkmode=dark] .header > .title > a > span:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .header > .title > a > span { + color: #dbdbdb; + } + [data-darkmode=auto] .header > .title > a > span:hover { + color: #dbdbdb80; + } +} +.header > .description { + display: flex; + flex-direction: column; + align-items: flex-end; + font-size: 0.9rem; + color: #8c8c8c; +} +[data-darkmode=dark] .header > .description { + color: #7d7d7d; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .header > .description { + color: #7d7d7d; + } +} +.header > .description > .socials { + display: flex; + justify-content: flex-end; +} +.header > .description > .socials > a { + font-size: 1rem; + margin-left: 0.5rem; + cursor: pointer; + color: #8c8c8c; +} +.header > .description > .socials > a:hover { + color: #8c8c8c80; +} +[data-darkmode=dark] .header > .description > .socials > a { + color: #7d7d7d; +} +[data-darkmode=dark] .header > .description > .socials > a:hover { + color: #7d7d7d80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .header > .description > .socials > a { + color: #7d7d7d; + } + [data-darkmode=auto] .header > .description > .socials > a:hover { + color: #7d7d7d80; + } +} + +footer { + padding: 2rem 0; +} +footer .copyright { + font-size: 0.8rem; +} +footer .copyright a { + margin: 0 0.125rem; + color: #bfbfbf; +} +footer .copyright a:hover { + color: #262626; +} +[data-darkmode=dark] footer .copyright a { + color: #262626; +} +[data-darkmode=dark] footer .copyright a:hover { + color: #bfbfbf; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] footer .copyright a { + color: #262626; + } + [data-darkmode=auto] footer .copyright a:hover { + color: #bfbfbf; + } +} + +.pagenav { + display: flex; + justify-content: space-between; + padding: 2rem 0; +} +.pagenav > a { + text-decoration: none; + margin: 0 2rem; + color: #262626; +} +.pagenav > a:hover { + color: #595959; +} +[data-darkmode=dark] .pagenav > a { + color: #b6b6b6; +} +[data-darkmode=dark] .pagenav > a:hover { + color: #434343; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .pagenav > a { + color: #b6b6b6; + } + [data-darkmode=auto] .pagenav > a:hover { + color: #434343; + } +} + +.comment { + width: 47rem; + margin: 1rem 0rem; + padding: 1rem 2.5rem; + background: #fafafa; + box-shadow: 0 0.375rem 1rem -0.5rem #bfbfbf; +} +[data-darkmode=dark] .comment { + background: #292929; + box-shadow: 0 0.375rem 1rem -0.5rem #262626; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .comment { + background: #292929; + box-shadow: 0 0.375rem 1rem -0.5rem #262626; + } +} + +.post-bottom-menu { + display: flex; + justify-content: space-around; + margin-top: 2rem; + padding-top: 2rem; + width: 40rem; + border-top: 1px solid #e7e7e7; +} +[data-darkmode=dark] .post-bottom-menu { + border-top: 1px solid #e7e7e7; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .post-bottom-menu { + border-top: 1px solid #e7e7e7; + } +} +.post-bottom-menu > a { + color: #262626; +} +.post-bottom-menu > a:hover { + color: #595959; +} +[data-darkmode=dark] .post-bottom-menu > a { + color: #b6b6b6; +} +[data-darkmode=dark] .post-bottom-menu > a:hover { + color: #434343; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .post-bottom-menu > a { + color: #b6b6b6; + } + [data-darkmode=auto] .post-bottom-menu > a:hover { + color: #434343; + } +} + +.archives > ul { + padding: 0.625rem 0.1rem; +} +.archives > ul > .year { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + color: #262626; +} +[data-darkmode=dark] .archives > ul > .year { + color: #dbdbdb; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .archives > ul > .year { + color: #dbdbdb; + } +} +.archives > ul > li { + display: flex; + justify-content: space-between; + font-size: 0.875rem; + padding-bottom: 0.3rem; + line-height: 1.75rem; +} +.archives > ul > li > a { + color: #595959; +} +.archives > ul > li > a:hover { + color: #59595980; +} +[data-darkmode=dark] .archives > ul > li > a { + color: #acacac; +} +[data-darkmode=dark] .archives > ul > li > a:hover { + color: #acacac80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .archives > ul > li > a { + color: #acacac; + } + [data-darkmode=auto] .archives > ul > li > a:hover { + color: #acacac80; + } +} +.archives > ul > li > span { + color: #8c8c8c; +} +[data-darkmode=dark] .archives > ul > li > span { + color: #7d7d7d; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .archives > ul > li > span { + color: #7d7d7d; + } +} + +.category > ul { + padding: 0.625rem 0.1rem; +} +.category > ul > .name { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + color: #262626; +} +[data-darkmode=dark] .category > ul > .name { + color: #dbdbdb; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .category > ul > .name { + color: #dbdbdb; + } +} +.category > ul > li { + display: flex; + justify-content: space-between; + font-size: 0.875rem; + padding-bottom: 0.3rem; + line-height: 1.75rem; +} +.category > ul > li > a { + color: #595959; +} +.category > ul > li > a:hover { + color: #59595980; +} +[data-darkmode=dark] .category > ul > li > a { + color: #dbdbdb; +} +[data-darkmode=dark] .category > ul > li > a:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .category > ul > li > a { + color: #dbdbdb; + } + [data-darkmode=auto] .category > ul > li > a:hover { + color: #dbdbdb80; + } +} +.category > ul > li > span { + color: #8c8c8c; +} +[data-darkmode=dark] .category > ul > li > span { + color: #7d7d7d; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .category > ul > li > span { + color: #7d7d7d; + } +} + +.categories { + margin: 5rem 0; +} +.categories > ul { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + align-content: center; + flex-wrap: wrap; +} +.categories > ul > li { + margin: 0.5rem 1rem; + font-size: 1rem; +} +.categories > ul > li > a { + color: #262626; +} +.categories > ul > li > a:hover { + color: #26262680; +} +[data-darkmode=dark] .categories > ul > li > a { + color: #dbdbdb; +} +[data-darkmode=dark] .categories > ul > li > a:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .categories > ul > li > a { + color: #dbdbdb; + } + [data-darkmode=auto] .categories > ul > li > a:hover { + color: #dbdbdb80; + } +} +.categories > ul > li > a > span { + color: #8c8c8c; +} +.categories > ul .count { + display: inline-block; + position: relative; + top: -0.5rem; + right: -0.125rem; + font-size: 0.75rem; +} + +.index > h1 > a { + letter-spacing: 0.0625rem; + font-size: 1.375rem; + line-height: 1.75rem; + color: #262626; +} +.index > h1 > a:hover { + color: #26262680; +} +[data-darkmode=dark] .index > h1 > a { + color: #dbdbdb; +} +[data-darkmode=dark] .index > h1 > a:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .index > h1 > a { + color: #dbdbdb; + } + [data-darkmode=auto] .index > h1 > a:hover { + color: #dbdbdb80; + } +} +.index > p { + line-height: 1.5rem; + text-indent: 2rem; + color: #595959; +} +[data-darkmode=dark] .index > p { + color: #acacac; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .index > p { + color: #acacac; + } +} +.index > .info { + display: flex; + justify-content: flex-end; + flex-wrap: wrap; + flex-direction: row; + padding: 0.5rem 0 2rem 0; + border-bottom: 1px solid #d9d9d9; +} +[data-darkmode=dark] .index > .info { + border-bottom: 1px solid #434343; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .index > .info { + border-bottom: 1px solid #434343; + } +} +.index > .info > .date, +.index > .info > .tag { + font-weight: 400; + font-size: 0.75rem; + margin: 0 0.5rem; +} +.index > .info > .date > i, +.index > .info > .tag > i { + position: relative; + top: 0.1rem; + color: #8c8c8c; +} +[data-darkmode=dark] .index > .info > .date > i, +[data-darkmode=dark] .index > .info > .tag > i { + color: #7d7d7d; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .index > .info > .date > i, +[data-darkmode=auto] .index > .info > .tag > i { + color: #7d7d7d; + } +} +.index > .info > .date > a, +.index > .info > .tag > a { + font-size: 0.75rem; + color: #8c8c8c; +} +.index > .info > .date > a:hover, +.index > .info > .tag > a:hover { + color: #8c8c8c80; +} +[data-darkmode=dark] .index > .info > .date > a, +[data-darkmode=dark] .index > .info > .tag > a { + color: #7d7d7d; +} +[data-darkmode=dark] .index > .info > .date > a:hover, +[data-darkmode=dark] .index > .info > .tag > a:hover { + color: #7d7d7d80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .index > .info > .date > a, +[data-darkmode=auto] .index > .info > .tag > a { + color: #7d7d7d; + } + [data-darkmode=auto] .index > .info > .date > a:hover, +[data-darkmode=auto] .index > .info > .tag > a:hover { + color: #7d7d7d80; + } +} + +.journals > .name { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + color: #262626; +} +[data-darkmode=dark] .journals > .name { + color: #dbdbdb; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .journals > .name { + color: #dbdbdb; + } +} +.journals > ul > li { + padding: 1rem 0.1rem; +} +.journals > ul > li > .content { + padding: 0.25rem 0.25rem; + font-size: 1rem; + color: #595959; +} +[data-darkmode=dark] .journals > ul > li > .content { + color: #acacac; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .journals > ul > li > .content { + color: #acacac; + } +} +.journals > ul > li > .info { + display: flex; + justify-content: flex-end; + font-size: 0.75rem; + color: #8c8c8c; +} +[data-darkmode=dark] .journals > ul > li > .info { + color: #7d7d7d; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .journals > ul > li > .info { + color: #7d7d7d; + } +} + +.links > ul { + padding: 0.625rem 0.1rem; +} +.links > ul > .friend { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + color: #262626; +} +[data-darkmode=dark] .links > ul > .friend { + color: #dbdbdb; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .links > ul > .friend { + color: #dbdbdb; + } +} +.links > ul > li { + display: flex; + justify-content: space-between; + font-size: 1rem; + padding-bottom: 0.3rem; + line-height: 1.5rem; +} +.links > ul > li > a { + color: #595959; +} +.links > ul > li > a:hover { + color: #59595980; +} +[data-darkmode=dark] .links > ul > li > a { + color: #dbdbdb; +} +[data-darkmode=dark] .links > ul > li > a:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .links > ul > li > a { + color: #dbdbdb; + } + [data-darkmode=auto] .links > ul > li > a:hover { + color: #dbdbdb80; + } +} + +.post > .title { + margin-top: 4rem; +} +.post > .title > h1 > a { + letter-spacing: 0.0625rem; + font-size: 2rem; + line-height: 2rem; + color: #262626; +} +[data-darkmode=dark] .post > .title > h1 > a { + color: #dbdbdb; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .post > .title > h1 > a { + color: #dbdbdb; + } +} +.post > .title > h1 > a:hover { + color: #26262680; +} +[data-darkmode=dark] .post > .title > h1 > a:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .post > .title > h1 > a:hover { + color: #dbdbdb80; + } +} +.post > .title > .info { + padding-bottom: 1rem; + margin-bottom: 1rem; + border-bottom: 1px solid #d9d9d9; +} +[data-darkmode=dark] .post > .title > .info { + border-bottom: 1px solid #434343; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .post > .title > .info { + border-bottom: 1px solid #434343; + } +} +.post > .title > .info > span { + margin: 0 0.25rem; + font-weight: 400; + font-size: 0.75rem; + color: #8c8c8c; +} +[data-darkmode=dark] .post > .title > .info > span { + color: #7d7d7d; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .post > .title > .info > span { + color: #7d7d7d; + } +} +.post > .title > .info > span i { + position: relative; + top: 0.125rem; + color: #8c8c8c; +} +[data-darkmode=dark] .post > .title > .info > span i { + color: #7d7d7d; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .post > .title > .info > span i { + color: #7d7d7d; + } +} + +.tag > ul { + padding: 0.625rem 0.1rem; +} +.tag > ul > .name { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + color: #262626; +} +[data-darkmode=dark] .tag > ul > .name { + color: #dbdbdb; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .tag > ul > .name { + color: #dbdbdb; + } +} +.tag > ul > li { + display: flex; + justify-content: space-between; + font-size: 0.875rem; + padding-bottom: 0.3rem; + line-height: 1.75rem; +} +.tag > ul > li > a { + color: #595959; +} +.tag > ul > li > a:hover { + color: #59595980; +} +[data-darkmode=dark] .tag > ul > li > a { + color: #dbdbdb; +} +[data-darkmode=dark] .tag > ul > li > a:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .tag > ul > li > a { + color: #dbdbdb; + } + [data-darkmode=auto] .tag > ul > li > a:hover { + color: #dbdbdb80; + } +} + +.tags { + margin: 5rem 0; +} +.tags > ul { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + align-content: center; + flex-wrap: wrap; +} +.tags > ul > li { + margin: 0.5rem 1rem; + font-size: 1rem; +} +.tags > ul > li > a { + color: #262626; +} +.tags > ul > li > a:hover { + color: #26262680; +} +[data-darkmode=dark] .tags > ul > li > a { + color: #dbdbdb; +} +[data-darkmode=dark] .tags > ul > li > a:hover { + color: #dbdbdb80; +} +@media (prefers-color-scheme: dark) { + [data-darkmode=auto] .tags > ul > li > a { + color: #dbdbdb; + } + [data-darkmode=auto] .tags > ul > li > a:hover { + color: #dbdbdb80; + } +} +.tags > ul > li > a > span { + color: #8c8c8c; +} +.tags > ul .count { + display: inline-block; + position: relative; + top: -0.5rem; + right: -0.125rem; + font-size: 0.75rem; +} + +/*# sourceMappingURL=redemption.css.map */ diff --git a/source/css/Redemption.scss b/source/css/Redemption.scss index e155712..782cbc4 100644 --- a/source/css/Redemption.scss +++ b/source/css/Redemption.scss @@ -1,400 +1,21 @@ @charset "UTF-8"; +// 基础 +@import "base/variables"; +@import "base/font"; +@import "base/base"; -// 滚动条 -html::-webkit-scrollbar { - width: 10px; - height: 10px; -} +// 组件 +@import "pages/layout/header"; +@import "pages/layout/footer"; +@import "pages/layout/pagenav"; +@import "pages/layout/comment"; -html::-webkit-scrollbar-thumb { - height: 40px; - border-radius: 16px; -} - -// container 主体 -.container { - display: flex; - flex-wrap: nowrap; - flex-direction: column; - align-items: center; -} - -// Header 头部 -.header { - width: 45rem; - padding: 7rem 0 3rem 0; - -webkit-background-size: cover; - background-size: cover; - display: flex; - justify-content: space-between; - align-items: center; - - // 站点标题 - >.title { - width: 6rem; - - >a { - font-size: 2.2rem; - letter-spacing: 0.2rem; - line-height: 2.4rem; - } - } - - // 二级标题 - >.description { - display: flex; - flex-direction: column; - align-items: flex-end; - - font-size: 0.9rem; - - >.socials { - display: flex; - justify-content: flex-end; - - >a { - font-size: 1rem; - margin-left: 0.5rem; - cursor: pointer; - } - } - } - -} - -// main 主体 -main { - display: flex; - flex-wrap: nowrap; - flex-direction: column; - align-items: center; - width: 52rem; - margin-top: 4rem; - padding-bottom: 3rem; - - // 主体布局 - > .index, - > .archives, - > .categories, - > .category, - > .links, - > .post, - > .tag, - > .journals - { - width: 45rem; - padding: 1rem 0.1rem 1rem 0.1rem; - } - - // 首页 - .index { - - // 标题 - >h1 { - >a { - letter-spacing: 0.0625rem; - font-size: 1.375rem; - line-height: 1.75rem; - } - } - - // 摘要 - >p { - line-height: 1.5rem; - text-indent: 2rem; - } - - // 徽标 - >.info { - display: flex; - justify-content: flex-end; - flex-wrap: wrap; - flex-direction: row; - padding: 0.5rem 0 2rem 0; - - >.date, - .tag { - font-weight: 400; - font-size: 0.75rem; - margin: 0 0.5rem; - - >i { - position: relative; - top: 0.1rem; - } - - >a { - font-size: 0.75rem; - } - - } - } - } - - // 归档 - .archives{ - >ul { - padding: 0.625rem 0.1rem; - - >.year { - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; - } - - >li { - display: flex; - justify-content: space-between; - font-size: 0.875rem; - padding-bottom: 0.3rem; - line-height: 1.75rem; - } - } - } - - // 分类目录 标签目录 - .categories,.tags { - margin: 5rem 0; - > ul { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - align-content: center; - flex-wrap: wrap; - - > li { - margin: 0.5rem 1rem; - font-size: 1rem; - } - - .count { - display: inline-block; - position: relative; - top: -0.5rem; - right: -0.125rem; - font-size: 0.75rem; - } - } - } - - // 分类 标签 - .category,.tag{ - >ul { - padding: 0.625rem 0.1rem; - - >.name { - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; - } - - >li { - display: flex; - justify-content: space-between; - font-size: 0.875rem; - padding-bottom: 0.3rem; - line-height: 1.75rem; - } - } - } - - // 友链 - .links{ - > ul { - padding: 0.625rem 0.1rem; - - >.friend { - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; - } - - >li { - display: flex; - justify-content: space-between; - font-size: 1rem; - padding-bottom: 0.3rem; - line-height: 1.5rem; - } - } - } - - // 文章 - .post{ - > .title{ - margin-top: 4rem; - > h1 { - > a { - letter-spacing: 0.0625rem; - font-size: 2rem; - line-height: 2rem; - } - } - - > .info { - padding-bottom: 1rem; - margin-bottom: 1rem; - - > span{ - margin: 0 0.25rem; - font-weight: 400; - font-size: 0.75rem; - i { - position: relative; - top:0.125rem; - } - } - } - } - - } - - .journals{ - > .name{ - font-size: 1.5rem; - font-weight: bold; - line-height: 2.2rem; - padding: 0.5rem 0; - } - > ul{ - > li{ - padding: 1rem 0.1rem; - > .content{ - padding: 0.25rem 0.25rem; - font-size: 1rem; - } - > .option{ - display: flex; - justify-content: flex-end; - font-weight: 400; - font-size: 0.75rem; - margin: 0 0.5rem; - > i{ - padding: 0 0.5rem; - } - } - > .info{ - display: flex; - justify-content: flex-end; - font-size: 0.75rem; - } - } - } - - } - - // 分页 - .pagenav { - display: flex; - justify-content: space-between; - padding: 2rem 0; - - >a { - text-decoration: none; - margin: 0 2rem; - } - } - -} - -// 页脚 -footer { - padding: 2rem 0; - - .copyright { - font-size: 0.8rem; - - a { - margin: 0 0.125rem; - - } - } -} - -// 评论组件 -.comment -{ - width: 47rem; - margin: 1rem 0rem; - padding: 1rem 2.5rem; -} - -.close{ - display: none; -} - -.post-bottom-menu{ - display: flex; - justify-content: space-around; - margin-top: 2rem; - padding-top: 2rem; - width: 40rem; -} - -/*animation starts*/ - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-3px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes fadeInDown { - 0% { - opacity: 0; - -moz-transform: translateY(-3px); - } - - 100% { - opacity: 1; - -moz-transform: translateY(0); - } -} - -@-o-keyframes fadeInDown { - 0% { - opacity: 0; - -o-transform: translateY(-3px); - } - - 100% { - opacity: 1; - -o-transform: translateY(0); - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - transform: translateY(-3px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - - -/*animation ends*/ - -// .menu{ -// position: fixed; -// right: 0.5rem; -// bottom: 10rem; -// } - -// heti -.heti > img{ - width: 97%!important; -} +// 页面 +@import "pages/archives"; +@import "pages/category"; +@import "pages/index"; +@import "pages/journals"; +@import "pages/links"; +@import "pages/post"; +@import "pages/tag"; + diff --git a/source/css/base/_base.scss b/source/css/base/_base.scss new file mode 100644 index 0000000..c75b406 --- /dev/null +++ b/source/css/base/_base.scss @@ -0,0 +1,150 @@ +@import "variables"; + +// 滚动条 +html { + ::-webkit-scrollbar { + width: 10px; + height: 10px; + } + + ::-webkit-scrollbar-thumb { + height: 40px; + border-radius: 16px; + // 浅色 + background-color: rgba(0, 0, 0, 0.249); + + @include darkmode { + // 深色 + background-color: blue; + } + } + + ::-webkit-scrollbar-thumb { + &:hover { + // 浅色 + background-color: rgba(0, 0, 0, 0.249); + + @include darkmode { + // 深色 + background-color: blue; + } + } + } +} + +// body +body { + // 浅色 + background-color: #f7f7f7; + color: #333333; + + // 深色 + @include darkmode { + background-color: #3d3d3d; + color: #a3a3a3; + } +} + +// container +.container { + display: flex; + flex-wrap: nowrap; + flex-direction: column; + align-items: center; +} + +// main +main { + display: flex; + flex-wrap: nowrap; + flex-direction: column; + align-items: center; + width: 52rem; + margin-top: 4rem; + padding-bottom: 3rem; + // 浅色 + background: #ffffff; + box-shadow: 0 0.375rem 1rem -0.5rem rgb(0, 0, 0,0.17); + + // 深色 + @include darkmode { + background: #292929; + box-shadow: 0 0.375rem 1rem -0.5rem rgb(0, 0, 0,0.34); + } +} + +// pages +main > .index, +main > .archives, +main > .categories, +main > .category, +main > .links, +main > .post, +main > .tag, +main > .journals { + width: 45rem; + padding: 1rem 0.1rem 1rem 0.1rem; +} + +.menu{ + position: fixed; + right: 0.5rem; + bottom: 10rem; +} + +.close { + display: none; +} + +/*animation starts*/ + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-3px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-3px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-3px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-3px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + + +/*animation ends*/ \ No newline at end of file diff --git a/source/css/font.scss b/source/css/base/_font.scss similarity index 93% rename from source/css/font.scss rename to source/css/base/_font.scss index ce1ee96..3bb3491 100644 --- a/source/css/font.scss +++ b/source/css/base/_font.scss @@ -10,9 +10,11 @@ body { font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; + font-weight: 500; } [data-font="sans"]{ font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; + font-weight: 400; } diff --git a/source/css/base/_variables.scss b/source/css/base/_variables.scss new file mode 100644 index 0000000..e77f045 --- /dev/null +++ b/source/css/base/_variables.scss @@ -0,0 +1,56 @@ +$darkmode: manual !default; // true | false | 'manual' +$manualmode-auto-selector: '[data-darkmode="auto"] &' !default; +$manualmode-dark-selector: '[data-darkmode="dark"] &' !default; + + + + + +@mixin darkmode($darkmode: $darkmode, $dark-selector: $manualmode-dark-selector, $auto-selector: $manualmode-auto-selector) { + // darkmode = ture : 跟随系统 + // darkmode = false : 不跟随系统 + // darkmode = manual : 手动模式 + @if $darkmode=='manual' { + #{$dark-selector} { + @content; + } + + @media (prefers-color-scheme: dark) { + #{$auto-selector} { + @content; + } + } + } + + @else if $darkmode { + @media (prefers-color-scheme: dark) { + @content; + } + } +} + + + +// 超小屏幕（手机，小于 768px） +// @media (max-width: 768px) { ... } + +// 小屏幕（平板，大于等于 768px） +// @media (min-width: 768px) and (max-width: 768px) { ... } + +// 中等屏幕（桌面显示器，大于等于 992px） +// @media (min-width: 992px) and (max-width: 992px) { ... } + +// 大屏幕（大桌面显示器，大于等于 1200px） +// @media (min-width: 1200px) { ... } + + + + + + + + + + + + diff --git a/source/css/color.css b/source/css/color.css deleted file mode 100644 index 4514620..0000000 --- a/source/css/color.css +++ /dev/null @@ -1,293 +0,0 @@ -html::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.051); -} - -html::-webkit-scrollbar-thumb:hover { - background-color: rgba(0, 0, 0, 0.249); -} - -[data-mode=light] body { - background-color: #f0f0f0; - color: #262626; -} -[data-mode=light] .header > .title > a > span { - color: #141414; -} -[data-mode=light] .header > .title > a > span:hover { - color: #595959; -} -[data-mode=light] .header > .description { - color: #595959; -} -[data-mode=light] .header > .description > .socials > a { - color: #595959; -} -[data-mode=light] .header > .description > .socials > a:hover { - color: #141414; -} -[data-mode=light] main { - background: #fafafa; - box-shadow: 0 0.375rem 1rem -0.5rem #bfbfbf; -} -[data-mode=light] main .index > h1 > a { - color: #1f1f1f; -} -[data-mode=light] main .index > h1 > a:hover { - color: #595959; -} -[data-mode=light] main .index > p { - color: #262626; -} -[data-mode=light] main .index > .info { - border-bottom: 1px solid #f3f3f3; -} -[data-mode=light] main .index > .info .date span, -[data-mode=light] main .index > .info .tag span { - color: #8c8c8c; -} -[data-mode=light] main .index > .info .date a, -[data-mode=light] main .index > .info .tag a { - color: #8c8c8c; -} -[data-mode=light] main .index > .info .date i, -[data-mode=light] main .index > .info .tag i { - color: #8c8c8c; -} -[data-mode=light] main .archives > ul > .year, -[data-mode=light] main .archives > ul .name, -[data-mode=light] main .archives > ul .friend, -[data-mode=light] main .categories > ul > .year, -[data-mode=light] main .categories > ul .name, -[data-mode=light] main .categories > ul .friend, -[data-mode=light] main .category > ul > .year, -[data-mode=light] main .category > ul .name, -[data-mode=light] main .category > ul .friend, -[data-mode=light] main .tag > ul > .year, -[data-mode=light] main .tag > ul .name, -[data-mode=light] main .tag > ul .friend, -[data-mode=light] main .tags > ul > .year, -[data-mode=light] main .tags > ul .name, -[data-mode=light] main .tags > ul .friend, -[data-mode=light] main .links > ul > .year, -[data-mode=light] main .links > ul .name, -[data-mode=light] main .links > ul .friend { - color: #1f1f1f; -} -[data-mode=light] main .archives > ul > li > a, -[data-mode=light] main .categories > ul > li > a, -[data-mode=light] main .category > ul > li > a, -[data-mode=light] main .tag > ul > li > a, -[data-mode=light] main .tags > ul > li > a, -[data-mode=light] main .links > ul > li > a { - color: #262626; -} -[data-mode=light] main .archives > ul > li > a:hover, -[data-mode=light] main .categories > ul > li > a:hover, -[data-mode=light] main .category > ul > li > a:hover, -[data-mode=light] main .tag > ul > li > a:hover, -[data-mode=light] main .tags > ul > li > a:hover, -[data-mode=light] main .links > ul > li > a:hover { - color: #595959; -} -[data-mode=light] main .archives > ul > li > a > span, -[data-mode=light] main .categories > ul > li > a > span, -[data-mode=light] main .category > ul > li > a > span, -[data-mode=light] main .tag > ul > li > a > span, -[data-mode=light] main .tags > ul > li > a > span, -[data-mode=light] main .links > ul > li > a > span { - color: #8c8c8c; -} -[data-mode=light] main .archives > ul > li > span, -[data-mode=light] main .categories > ul > li > span, -[data-mode=light] main .category > ul > li > span, -[data-mode=light] main .tag > ul > li > span, -[data-mode=light] main .tags > ul > li > span, -[data-mode=light] main .links > ul > li > span { - color: #8c8c8c; -} -[data-mode=light] main .pagenav a { - color: #262626; -} -[data-mode=light] main .pagenav a:hover { - color: #595959; -} -[data-mode=light] main .post > .title > h1 { - color: #1f1f1f; -} -[data-mode=light] main .post > .title > h1 > a { - color: #1f1f1f; -} -[data-mode=light] main .post > .title > .info { - border-bottom: 1px solid #f5f5f5; -} -[data-mode=light] main .post > .title > .info > span { - color: #8c8c8c; -} -[data-mode=light] main .post > .title > .info > span i { - color: #8c8c8c; -} -[data-mode=light] main .journals > ul > li > .info { - color: #8c8c8c; -} -[data-mode=light] footer .copyright a { - color: #bfbfbf; -} -[data-mode=light] footer .copyright a:hover { - color: #262626; -} -[data-mode=light] .comment { - background: #fafafa; - box-shadow: 0 0.375rem 1rem -0.5rem #bfbfbf; -} -[data-mode=light] .post-bottom-menu { - border-top: 1px solid #f5f5f5; -} -[data-mode=light] .post-bottom-menu > a { - color: #262626; -} -[data-mode=light] .post-bottom-menu > a:hover { - color: #595959; -} - -[data-mode=dark] body { - background-color: #383838; - color: #b6b6b6; -} -[data-mode=dark] .header > .title > a > span { - color: #bfbfbf; -} -[data-mode=dark] .header > .title > a > span:hover { - color: #434343; -} -[data-mode=dark] .header > .description { - color: #8c8c8c; -} -[data-mode=dark] .header > .description > .socials > a { - color: #8c8c8c; -} -[data-mode=dark] .header > .description > .socials > a:hover { - color: #434343; -} -[data-mode=dark] main { - background: #292929; - box-shadow: 0 0.375rem 1rem -0.5rem #262626; -} -[data-mode=dark] main .index > h1 > a { - color: #b8b8b8; -} -[data-mode=dark] main .index > h1 > a:hover { - color: #434343; -} -[data-mode=dark] main .index > p { - color: #b6b6b6; -} -[data-mode=dark] main .index > .info { - border-bottom: 1px solid #434343; -} -[data-mode=dark] main .index > .info .date span, -[data-mode=dark] main .index > .info .tag span { - color: #8c8c8c; -} -[data-mode=dark] main .index > .info .date a, -[data-mode=dark] main .index > .info .tag a { - color: #8c8c8c; -} -[data-mode=dark] main .index > .info .date i, -[data-mode=dark] main .index > .info .tag i { - color: #8c8c8c; -} -[data-mode=dark] main .archives > ul > .year, -[data-mode=dark] main .archives > ul .name, -[data-mode=dark] main .archives > ul .friend, -[data-mode=dark] main .categories > ul > .year, -[data-mode=dark] main .categories > ul .name, -[data-mode=dark] main .categories > ul .friend, -[data-mode=dark] main .category > ul > .year, -[data-mode=dark] main .category > ul .name, -[data-mode=dark] main .category > ul .friend, -[data-mode=dark] main .tag > ul > .year, -[data-mode=dark] main .tag > ul .name, -[data-mode=dark] main .tag > ul .friend, -[data-mode=dark] main .tags > ul > .year, -[data-mode=dark] main .tags > ul .name, -[data-mode=dark] main .tags > ul .friend, -[data-mode=dark] main .links > ul > .year, -[data-mode=dark] main .links > ul .name, -[data-mode=dark] main .links > ul .friend { - color: #b8b8b8; -} -[data-mode=dark] main .archives > ul > li > a, -[data-mode=dark] main .categories > ul > li > a, -[data-mode=dark] main .category > ul > li > a, -[data-mode=dark] main .tag > ul > li > a, -[data-mode=dark] main .tags > ul > li > a, -[data-mode=dark] main .links > ul > li > a { - color: #b6b6b6; -} -[data-mode=dark] main .archives > ul > li > a:hover, -[data-mode=dark] main .categories > ul > li > a:hover, -[data-mode=dark] main .category > ul > li > a:hover, -[data-mode=dark] main .tag > ul > li > a:hover, -[data-mode=dark] main .tags > ul > li > a:hover, -[data-mode=dark] main .links > ul > li > a:hover { - color: #434343; -} -[data-mode=dark] main .archives > ul > li > a > span, -[data-mode=dark] main .categories > ul > li > a > span, -[data-mode=dark] main .category > ul > li > a > span, -[data-mode=dark] main .tag > ul > li > a > span, -[data-mode=dark] main .tags > ul > li > a > span, -[data-mode=dark] main .links > ul > li > a > span { - color: #8c8c8c; -} -[data-mode=dark] main .archives > ul > li > span, -[data-mode=dark] main .categories > ul > li > span, -[data-mode=dark] main .category > ul > li > span, -[data-mode=dark] main .tag > ul > li > span, -[data-mode=dark] main .tags > ul > li > span, -[data-mode=dark] main .links > ul > li > span { - color: #8c8c8c; -} -[data-mode=dark] main .pagenav a { - color: #b6b6b6; -} -[data-mode=dark] main .pagenav a:hover { - color: #434343; -} -[data-mode=dark] main .post > .title > h1 { - color: #b8b8b8; -} -[data-mode=dark] main .post > .title > h1 > a { - color: #b8b8b8; -} -[data-mode=dark] main .post > .title > .info { - border-bottom: 1px solid #434343; -} -[data-mode=dark] main .post > .title > .info > span { - color: #8c8c8c; -} -[data-mode=dark] main .post > .title > .info > span i { - color: #8c8c8c; -} -[data-mode=dark] main .journals > ul > li > .info { - color: #8c8c8c; -} -[data-mode=dark] footer .copyright a { - color: #262626; -} -[data-mode=dark] footer .copyright a:hover { - color: #bfbfbf; -} -[data-mode=dark] .comment { - background: #292929; - box-shadow: 0 0.375rem 1rem -0.5rem #262626; -} -[data-mode=dark] .post-bottom-menu { - border-top: 1px solid #434343; -} -[data-mode=dark] .post-bottom-menu > a { - color: #b6b6b6; -} -[data-mode=dark] .post-bottom-menu > a:hover { - color: #434343; -} \ No newline at end of file diff --git a/source/css/color.scss b/source/css/color.scss deleted file mode 100644 index 4941829..0000000 --- a/source/css/color.scss +++ /dev/null @@ -1,522 +0,0 @@ -@charset "UTF-8"; - -html::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.051); -} -html::-webkit-scrollbar-thumb:hover { - background-color: rgba(0, 0, 0, 0.249); -} - - -// 主体 -$light-background: #f0f0f0; -$light-color:#262626; - -// 头部 -$light-header-title:#141414; -$light-header-title-hover:#595959; -$light-header-description:#595959; -$light-header-description-hover:#141414; - -// 主体 -$light-main-background:#fafafa; -$light-main-box-shadow:#bfbfbf; - -// 首页 -$light-main-index-h1:#1f1f1f; -$light-main-index-h1-hover:#595959; -$light-main-index-p:#262626; -$light-main-index-info:#8c8c8c; -$light-main-index-info-border:#f3f3f3; - -// 归档 分类目录 分类 标签目录 标签 友链 -$light-main-pages-title:#1f1f1f; -$light-main-pages-li-title:#262626; -$light-main-pages-li-title-hover:#595959; -$light-main-pages-li-span:#8c8c8c; - -// 文章分页 -$light-pagenav-a:#262626; -$light-pagenav-a-hover:#595959; - -// 文章 -$light-main-post-title:#1f1f1f; -$light-main-post-title-info-border:#f5f5f5; -$light-main-post-title-info-span:#8c8c8c; -$light-main-post-title-info-i:#8c8c8c; - -// 日志 -$light-main-journals-info:#8c8c8c; - -// 脚注 -$light-footer-copyright:#bfbfbf; -$light-footer-copyright-hover:#262626; - -// 评论 -$light-comment-background:#fafafa; -$light-comment-background-box-shadow:#bfbfbf; -$light-comment-post-bottom-menu-border:#f5f5f5; -$light-comment-post-bottom-menu-a:#262626; -$light-comment-post-bottom-menu-a-hover:#595959; - -// 日间模式 - -[data-mode="light"] { - // 滚动条 - - - - - - - // 主体 - body { - background-color: $light-background; - color: $light-color; - } - - // Header 头部 - .header { - - // 站点标题 - >.title { - >a { - >span { - color: $light-header-title; - - &:hover { - color: $light-header-title-hover; - } - } - } - } - - // 二级标题 - >.description { - color: $light-header-description; - - >.socials { - >a { - color: $light-header-description; - - &:hover { - color: $light-header-description-hover; - } - } - } - } - - } - - // main 主体 - main { - background: $light-main-background; - box-shadow: 0 0.375rem 1rem -0.5rem $light-main-box-shadow; - - // 首页 - .index { - >h1 { - >a { - color: $light-main-index-h1; - &:hover{ - color: $light-main-index-h1-hover; - } - } - } - - >p { - color: $light-main-index-p; - } - - >.info { - border-bottom: 1px solid $light-main-index-info-border; - - .date, - .tag { - span { - color: $light-main-index-info; - } - - a { - color: $light-main-index-info; - } - - i { - color: $light-main-index-info; - } - - } - } - } - - // 归档 分类目录 分类 标签目录 标签 友链 - .archives, - .categories, - .category, - .tag, - .tags, - .links { - >ul { - - >.year, - .name, - .friend { - color: $light-main-pages-title; - } - - >li { - >a { - color: $light-main-pages-li-title; - - &:hover { - color: $light-main-pages-li-title-hover; - } - - >span { - color: $light-main-pages-li-span; - } - } - - >span { - color: $light-main-pages-li-span; - } - } - } - } - - // 文章分页 - .pagenav { - a { - color: $light-pagenav-a; - - &:hover { - color: $light-pagenav-a-hover; - } - } - } - - // 文章 - .post { - >.title { - >h1 { - color: $light-main-post-title; - - >a { - color: $light-main-post-title; - } - } - - >.info { - border-bottom: 1px solid $light-main-post-title-info-border; - - >span { - color: $light-main-post-title-info-span; - - i { - - color: $light-main-post-title-info-i; - } - } - } - } - } - - // 日志 - .journals { - >ul { - >li { - >.info { - color: $light-main-journals-info; - } - } - } - - } - } - - // 脚注 - footer { - .copyright { - a { - color: $light-footer-copyright; - - &:hover { - color: $light-footer-copyright-hover; - } - - } - } - } - - .comment { - background: $light-comment-background; - box-shadow: 0 0.375rem 1rem -0.5rem $light-comment-background-box-shadow; - } - - .post-bottom-menu { - border-top: 1px solid $light-comment-post-bottom-menu-border; - - >a { - color: $light-comment-post-bottom-menu-a; - &:hover{ - color: $light-comment-post-bottom-menu-a-hover; - } - } - } -} - - -// ======================================================================= - - -// 主体 -$dark-background: #383838; -$dark-color:#b6b6b6; - -// 主体 -$dark-main-background:#292929; -$dark-main-box-shadow:#262626; - -// 头部 -$dark-header-title:#bfbfbf; -$dark-header-title-hover:#434343; -$dark-header-description:#8c8c8c; -$dark-header-description-hover:#434343; - -// 首页 -$dark-main-index-h1:#b8b8b8; -$dark-main-index-h1-hover:#434343; -$dark-main-index-p:#b6b6b6; -$dark-main-index-info:#8c8c8c; -$dark-main-index-info-border:#434343; - -// 归档 分类目录 分类 标签目录 标签 友链 -$dark-main-pages-title:#b8b8b8; -$dark-main-pages-li-title:#b6b6b6; -$dark-main-pages-li-title-hover:#434343; -$dark-main-pages-li-span:#8c8c8c; - -// 文章分页 -$dark-pagenav-a:#b6b6b6; -$dark-pagenav-a-hover:#434343; - -// 文章 -$dark-main-post-title:#b8b8b8; -$dark-main-post-title-info-border:#434343; -$dark-main-post-title-info-span:#8c8c8c; -$dark-main-post-title-info-i:#8c8c8c; - -// 日志 -$dark-main-journals-info:#8c8c8c; - -// 脚注 -$dark-footer-copyright:#262626; -$dark-footer-copyright-hover:#bfbfbf; - -// 评论 -$dark-comment-background:#292929; -$dark-comment-background-box-shadow:#262626; -$dark-comment-post-bottom-menu-border:#434343; -$dark-comment-post-bottom-menu-a:#b6b6b6; -$dark-comment-post-bottom-menu-a-hover:#434343; - -// 日间模式 -[data-mode="dark"] { - - // 主体 - body { - background-color: $dark-background; - color: $dark-color; - } - - // Header 头部 - .header { - - // 站点标题 - >.title { - >a { - >span { - color: $dark-header-title; - - &:hover { - color: $dark-header-title-hover; - } - } - } - } - - // 二级标题 - >.description { - color: $dark-header-description; - - >.socials { - >a { - color: $dark-header-description; - - &:hover { - color: $dark-header-description-hover; - } - } - } - } - - } - - // main 主体 - main { - background: $dark-main-background; - box-shadow: 0 0.375rem 1rem -0.5rem $dark-main-box-shadow; - - // 首页 - .index { - >h1 { - >a { - color: $dark-main-index-h1; - &:hover{ - color: $dark-main-index-h1-hover; - } - } - } - - >p { - color: $dark-main-index-p; - } - - >.info { - border-bottom: 1px solid $dark-main-index-info-border; - - .date, - .tag { - span { - color: $dark-main-index-info; - } - - a { - color: $dark-main-index-info; - } - - i { - color: $dark-main-index-info; - } - - } - } - } - - // 归档 分类目录 分类 标签目录 标签 友链 - .archives, - .categories, - .category, - .tag, - .tags, - .links { - >ul { - - >.year, - .name, - .friend { - color: $dark-main-pages-title; - } - - >li { - >a { - color: $dark-main-pages-li-title; - - &:hover { - color: $dark-main-pages-li-title-hover; - } - - >span { - color: $dark-main-pages-li-span; - } - } - - >span { - color: $dark-main-pages-li-span; - } - } - } - } - - // 文章分页 - .pagenav { - a { - color: $dark-pagenav-a; - - &:hover { - color: $dark-pagenav-a-hover; - } - } - } - - // 文章 - .post { - >.title { - >h1 { - color: $dark-main-post-title; - - >a { - color: $dark-main-post-title; - } - } - - >.info { - border-bottom: 1px solid $dark-main-post-title-info-border; - - >span { - color: $dark-main-post-title-info-span; - - i { - - color: $dark-main-post-title-info-i; - } - } - } - } - } - - // 日志 - .journals { - >ul { - >li { - >.info { - color: $dark-main-journals-info; - } - } - } - - } - } - - // 脚注 - footer { - .copyright { - a { - color: $dark-footer-copyright; - - &:hover { - color: $dark-footer-copyright-hover; - } - - } - } - } - - .comment { - background: $dark-comment-background; - box-shadow: 0 0.375rem 1rem -0.5rem $dark-comment-background-box-shadow; - } - - .post-bottom-menu { - border-top: 1px solid $dark-comment-post-bottom-menu-border; - - >a { - color: $dark-comment-post-bottom-menu-a; - &:hover{ - color: $dark-comment-post-bottom-menu-a-hover; - } - } - } -} - - diff --git a/source/css/font.css b/source/css/font.css deleted file mode 100644 index 72854b9..0000000 --- a/source/css/font.css +++ /dev/null @@ -1,13 +0,0 @@ -body { - font-size: 16px; - font-variant-numeric: tabular-nums; - -webkit-font-smoothing: antialiased; -} - -[data-font=serif] { - font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -[data-font=sans] { - font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} \ No newline at end of file diff --git a/source/css/markdown.css b/source/css/markdown.css deleted file mode 100644 index 1b7b1fe..0000000 --- a/source/css/markdown.css +++ /dev/null @@ -1,704 +0,0 @@ -@charset "UTF-8"; -.markdown { - width: 45rem; - padding: 0rem 0.1rem 2rem 0.1rem; -} - -/* -MarkDown的样式 -Status: OK - */ -@font-face { - font-family: octicons-link; - src: url(data:font/woff;charset=utf-8;base64,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) format("woff"); -} -.markdown { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - line-height: 1.5; - color: #24292e; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "微软雅黑"; - font-size: 16px; - line-height: 1.5; - word-wrap: break-word; -} - -.markdown .pl-c { - color: #6a737d; -} - -.markdown .pl-c1, -.markdown .pl-s .pl-v { - color: #005cc5; -} - -.markdown .pl-e, -.markdown .pl-en { - color: #6f42c1; -} - -.markdown .pl-smi, -.markdown .pl-s .pl-s1 { - color: #24292e; -} - -.markdown .pl-ent { - color: #22863a; -} - -.markdown .pl-k { - color: #d73a49; -} - -.markdown .pl-s, -.markdown .pl-pds, -.markdown .pl-s .pl-pse .pl-s1, -.markdown .pl-sr, -.markdown .pl-sr .pl-cce, -.markdown .pl-sr .pl-sre, -.markdown .pl-sr .pl-sra { - color: #032f62; -} - -.markdown .pl-v, -.markdown .pl-smw { - color: #e36209; -} - -.markdown .pl-bu { - color: #b31d28; -} - -.markdown .pl-ii { - color: #fafbfc; - background-color: #b31d28; -} - -.markdown .pl-c2 { - color: #fafbfc; - background-color: #d73a49; -} - -.markdown .pl-c2::before { - content: "^M"; -} - -.markdown .pl-sr .pl-cce { - font-weight: bold; - color: #22863a; -} - -.markdown .pl-ml { - color: #735c0f; -} - -.markdown .pl-mh, -.markdown .pl-mh .pl-en, -.markdown .pl-ms { - font-weight: bold; - color: #005cc5; -} - -.markdown .pl-mi { - font-style: italic; - color: #24292e; -} - -.markdown .pl-mb { - font-weight: bold; - color: #24292e; -} - -.markdown .pl-md { - color: #b31d28; - background-color: #ffeef0; -} - -.markdown .pl-mi1 { - color: #22863a; - background-color: #f0fff4; -} - -.markdown .pl-mc { - color: #e36209; - background-color: #ffebda; -} - -.markdown .pl-mi2 { - color: #f6f8fa; - background-color: #005cc5; -} - -.markdown .pl-mdr { - font-weight: bold; - color: #6f42c1; -} - -.markdown .pl-ba { - color: #586069; -} - -.markdown .pl-sg { - color: #959da5; -} - -.markdown .pl-corl { - text-decoration: underline; - color: #032f62; -} - -.markdown .octicon { - display: inline-block; - vertical-align: text-top; - fill: currentColor; -} - -.markdown a { - background-color: transparent; -} - -.markdown a:active, -.markdown a:hover { - outline-width: 0; -} - -.markdown strong { - font-weight: inherit; -} - -.markdown strong { - font-weight: bolder; -} - -.markdown h1 { - font-size: 2em; - margin: 0.67em 0; -} - -.markdown img { - border-style: none; -} - -.markdown code, -.markdown kbd, -.markdown pre { - font-family: monospace, monospace; - font-size: 1em; -} - -.markdown hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -.markdown input { - font: inherit; - margin: 0; -} - -.markdown input { - overflow: visible; -} - -.markdown [type=checkbox] { - box-sizing: border-box; - padding: 0; -} - -.markdown * { - box-sizing: border-box; -} - -.markdown input { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} - -.markdown a { - text-decoration: none; -} - -.markdown a:hover { - text-decoration: underline; -} - -.markdown strong { - font-weight: 600; -} - -.markdown hr { - height: 0; - margin: 15px 0; - overflow: hidden; - background: transparent; - border: 0; - border-bottom: 1px solid #dfe2e5; -} - -.markdown hr::before { - display: table; - content: ""; -} - -.markdown hr::after { - display: table; - clear: both; - content: ""; -} - -.markdown table { - border-spacing: 0; - border-collapse: collapse; -} - -.markdown td, -.markdown th { - padding: 0; -} - -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { - margin-top: 0; - margin-bottom: 0; -} - -.markdown h1 { - font-size: 32px; - font-weight: 600; -} - -.markdown h2 { - font-size: 24px; - font-weight: 600; -} - -.markdown h3 { - font-size: 20px; - font-weight: 600; -} - -.markdown h4 { - font-size: 16px; - font-weight: 600; -} - -.markdown h5 { - font-size: 14px; - font-weight: 600; -} - -.markdown h6 { - font-size: 12px; - font-weight: 600; -} - -.markdown p { - margin-top: 0; - margin-bottom: 10px; -} - -.markdown blockquote { - margin: 0; -} - -.markdown ul, -.markdown ol { - padding-left: 0; - margin-top: 0; - margin-bottom: 0; -} - -.markdown ol ol, -.markdown ul ol { - list-style-type: lower-roman; -} - -.markdown ul ul ol, -.markdown ul ol ol, -.markdown ol ul ol, -.markdown ol ol ol { - list-style-type: lower-alpha; -} - -.markdown dd { - margin-left: 0; -} - -.markdown code { - font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 12px; -} - -.markdown pre { - margin-top: 0; - margin-bottom: 0; - font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 12px; -} - -.markdown .octicon { - vertical-align: text-bottom; -} - -.markdown .pl-0 { - padding-left: 0 !important; -} - -.markdown .pl-1 { - padding-left: 4px !important; -} - -.markdown .pl-2 { - padding-left: 8px !important; -} - -.markdown .pl-3 { - padding-left: 16px !important; -} - -.markdown .pl-4 { - padding-left: 24px !important; -} - -.markdown .pl-5 { - padding-left: 32px !important; -} - -.markdown .pl-6 { - padding-left: 40px !important; -} - -.markdown::before { - display: table; - content: ""; -} - -.markdown::after { - display: table; - clear: both; - content: ""; -} - -.markdown > *:first-child { - margin-top: 0 !important; -} - -.markdown > *:last-child { - margin-bottom: 0 !important; -} - -.markdown a:not([href]) { - color: inherit; - text-decoration: none; -} - -.markdown .anchor { - float: left; - padding-right: 4px; - margin-left: -20px; - line-height: 1; -} - -.markdown .anchor:focus { - outline: none; -} - -.markdown p, -.markdown blockquote, -.markdown ul, -.markdown ol, -.markdown dl, -.markdown table, -.markdown pre { - margin-top: 0; - margin-bottom: 16px; -} - -.markdown hr { - height: 0.25em; - padding: 0; - margin: 24px 0; - background-color: #e1e4e8; - border: 0; -} - -.markdown blockquote { - padding: 0 1em; - color: #6a737d; - border-left: 0.25em solid #dfe2e5; -} - -.markdown blockquote > :first-child { - margin-top: 0; -} - -.markdown blockquote > :last-child { - margin-bottom: 0; -} - -.markdown kbd { - display: inline-block; - padding: 3px 5px; - font-size: 11px; - line-height: 10px; - color: #444d56; - vertical-align: middle; - background-color: #fafbfc; - border: solid 1px #c6cbd1; - border-bottom-color: #959da5; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #959da5; -} - -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { - margin-top: 24px; - margin-bottom: 16px; - font-weight: 600; - line-height: 1.25; -} - -.markdown h1 .octicon-link, -.markdown h2 .octicon-link, -.markdown h3 .octicon-link, -.markdown h4 .octicon-link, -.markdown h5 .octicon-link, -.markdown h6 .octicon-link { - color: #1b1f23; - vertical-align: middle; - visibility: hidden; -} - -.markdown h1:hover .anchor, -.markdown h2:hover .anchor, -.markdown h3:hover .anchor, -.markdown h4:hover .anchor, -.markdown h5:hover .anchor, -.markdown h6:hover .anchor { - text-decoration: none; -} - -.markdown h1:hover .anchor .octicon-link, -.markdown h2:hover .anchor .octicon-link, -.markdown h3:hover .anchor .octicon-link, -.markdown h4:hover .anchor .octicon-link, -.markdown h5:hover .anchor .octicon-link, -.markdown h6:hover .anchor .octicon-link { - visibility: visible; -} - -.markdown h1 { - padding-bottom: 0.3em; - font-size: 2em; - border-bottom: 1px solid #eaecef; -} - -.markdown h2 { - padding-bottom: 0.3em; - font-size: 1.5em; - border-bottom: 1px solid #eaecef; -} - -.markdown h3 { - font-size: 1.25em; -} - -.markdown h4 { - font-size: 1em; -} - -.markdown h5 { - font-size: 0.875em; -} - -.markdown h6 { - font-size: 0.85em; - color: #6a737d; -} - -.markdown ul, -.markdown ol { - padding-left: 2em; -} - -.markdown ul ul, -.markdown ul ol, -.markdown ol ol, -.markdown ol ul { - margin-top: 0; - margin-bottom: 0; -} - -.markdown li { - word-wrap: break-all; -} - -.markdown li > p { - margin-top: 16px; -} - -.markdown li + li { - margin-top: 0.25em; -} - -.markdown dl { - padding: 0; -} - -.markdown dl dt { - padding: 0; - margin-top: 16px; - font-size: 1em; - font-style: italic; - font-weight: 600; -} - -.markdown dl dd { - padding: 0 16px; - margin-bottom: 16px; -} - -.markdown table { - display: table; - width: 100%; - overflow: auto; -} - -.markdown table th { - font-weight: 600; -} - -.markdown table th, -.markdown table td { - padding: 6px 13px; - border: 1px solid #dfe2e5; - text-align: left; -} - -.markdown table tr { - background-color: #fff; - border-top: 1px solid #c6cbd1; -} - -.markdown table tr:nth-child(2n) { - background-color: #f6f8fa; -} - -.markdown img { - max-width: 100%; - box-sizing: content-box; - background-color: #fff; -} - -.markdown img[align=right] { - padding-left: 20px; -} - -.markdown img[align=left] { - padding-right: 20px; -} - -.markdown code { - padding: 0.2em 0.4em; - margin: 0; - font-size: 85%; - background-color: rgba(27, 31, 35, 0.05); - border-radius: 3px; -} - -.markdown pre { - word-wrap: normal; -} - -.markdown pre > code { - padding: 0; - margin: 0; - font-size: 100%; - word-break: normal; - white-space: pre; - /*background: transparent;*/ - border: 0; -} - -.markdown .highlight { - margin-bottom: 16px; -} - -.markdown .highlight pre { - margin-bottom: 0; - word-break: normal; -} - -.markdown .highlight pre, -.markdown pre { - padding: 16px; - overflow: auto; - font-size: 85%; - line-height: 1.45; - /*background-color: #f6f8fa;*/ - border-radius: 3px; -} - -.markdown pre code { - /*display: inline;*/ - max-width: auto; - padding: 0; - margin: 0; - overflow: visible; - line-height: inherit; - word-wrap: normal; - background-color: transparent; - border: 0; -} - -.markdown .full-commit .btn-outline:not(:disabled):hover { - color: #005cc5; - border-color: #005cc5; -} - -.markdown kbd { - display: inline-block; - padding: 3px 5px; - font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - line-height: 10px; - color: #444d56; - vertical-align: middle; - background-color: #fafbfc; - border: solid 1px #d1d5da; - border-bottom-color: #c6cbd1; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #c6cbd1; -} - -.markdown :checked + .radio-label { - position: relative; - z-index: 1; - border-color: #0366d6; -} - -.markdown .task-list-item { - list-style-type: none; -} - -.markdown .task-list-item + .task-list-item { - margin-top: 3px; -} - -.markdown .task-list-item input { - margin: 0 0.2em 0.25em -1.6em; - vertical-align: middle; -} - -.markdown hr { - border-bottom-color: #eee; -} \ No newline at end of file diff --git a/source/css/markdown.scss b/source/css/markdown.scss deleted file mode 100644 index 24b5cd9..0000000 --- a/source/css/markdown.scss +++ /dev/null @@ -1,703 +0,0 @@ -.markdown{ - width: 45rem; - padding: 0rem 0.1rem 2rem 0.1rem; -} -/* -MarkDown的样式 -Status: OK - */ - @font-face { - font-family: octicons-link; - src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); -} - -.markdown { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - line-height: 1.5; - color: #24292e; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "微软雅黑"; - font-size: 16px; - line-height: 1.5; - word-wrap: break-word; -} - -.markdown .pl-c { - color: #6a737d; -} - -.markdown .pl-c1, -.markdown .pl-s .pl-v { - color: #005cc5; -} - -.markdown .pl-e, -.markdown .pl-en { - color: #6f42c1; -} - -.markdown .pl-smi, -.markdown .pl-s .pl-s1 { - color: #24292e; -} - -.markdown .pl-ent { - color: #22863a; -} - -.markdown .pl-k { - color: #d73a49; -} - -.markdown .pl-s, -.markdown .pl-pds, -.markdown .pl-s .pl-pse .pl-s1, -.markdown .pl-sr, -.markdown .pl-sr .pl-cce, -.markdown .pl-sr .pl-sre, -.markdown .pl-sr .pl-sra { - color: #032f62; -} - -.markdown .pl-v, -.markdown .pl-smw { - color: #e36209; -} - -.markdown .pl-bu { - color: #b31d28; -} - -.markdown .pl-ii { - color: #fafbfc; - background-color: #b31d28; -} - -.markdown .pl-c2 { - color: #fafbfc; - background-color: #d73a49; -} - -.markdown .pl-c2::before { - content: "^M"; -} - -.markdown .pl-sr .pl-cce { - font-weight: bold; - color: #22863a; -} - -.markdown .pl-ml { - color: #735c0f; -} - -.markdown .pl-mh, -.markdown .pl-mh .pl-en, -.markdown .pl-ms { - font-weight: bold; - color: #005cc5; -} - -.markdown .pl-mi { - font-style: italic; - color: #24292e; -} - -.markdown .pl-mb { - font-weight: bold; - color: #24292e; -} - -.markdown .pl-md { - color: #b31d28; - background-color: #ffeef0; -} - -.markdown .pl-mi1 { - color: #22863a; - background-color: #f0fff4; -} - -.markdown .pl-mc { - color: #e36209; - background-color: #ffebda; -} - -.markdown .pl-mi2 { - color: #f6f8fa; - background-color: #005cc5; -} - -.markdown .pl-mdr { - font-weight: bold; - color: #6f42c1; -} - -.markdown .pl-ba { - color: #586069; -} - -.markdown .pl-sg { - color: #959da5; -} - -.markdown .pl-corl { - text-decoration: underline; - color: #032f62; -} - -.markdown .octicon { - display: inline-block; - vertical-align: text-top; - fill: currentColor; -} - -.markdown a { - background-color: transparent; -} - -.markdown a:active, -.markdown a:hover { - outline-width: 0; -} - -.markdown strong { - font-weight: inherit; -} - -.markdown strong { - font-weight: bolder; -} - -.markdown h1 { - font-size: 2em; - margin: 0.67em 0; -} - -.markdown img { - border-style: none; -} - -.markdown code, -.markdown kbd, -.markdown pre { - font-family: monospace, monospace; - font-size: 1em; -} - -.markdown hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -.markdown input { - font: inherit; - margin: 0; -} - -.markdown input { - overflow: visible; -} - -.markdown [type="checkbox"] { - box-sizing: border-box; - padding: 0; -} - -.markdown * { - box-sizing: border-box; -} - -.markdown input { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} - -.markdown a { - text-decoration: none; -} - -.markdown a:hover { - text-decoration: underline; -} - -.markdown strong { - font-weight: 600; -} - -.markdown hr { - height: 0; - margin: 15px 0; - overflow: hidden; - background: transparent; - border: 0; - border-bottom: 1px solid #dfe2e5; -} - -.markdown hr::before { - display: table; - content: ""; -} - -.markdown hr::after { - display: table; - clear: both; - content: ""; -} - -.markdown table { - border-spacing: 0; - border-collapse: collapse; -} - -.markdown td, -.markdown th { - padding: 0; -} - -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { - margin-top: 0; - margin-bottom: 0; -} - -.markdown h1 { - font-size: 32px; - font-weight: 600; -} - -.markdown h2 { - font-size: 24px; - font-weight: 600; -} - -.markdown h3 { - font-size: 20px; - font-weight: 600; -} - -.markdown h4 { - font-size: 16px; - font-weight: 600; -} - -.markdown h5 { - font-size: 14px; - font-weight: 600; -} - -.markdown h6 { - font-size: 12px; - font-weight: 600; -} - -.markdown p { - margin-top: 0; - margin-bottom: 10px; -} - -.markdown blockquote { - margin: 0; -} - -.markdown ul, -.markdown ol { - padding-left: 0; - margin-top: 0; - margin-bottom: 0; -} - -.markdown ol ol, -.markdown ul ol { - list-style-type: lower-roman; -} - -.markdown ul ul ol, -.markdown ul ol ol, -.markdown ol ul ol, -.markdown ol ol ol { - list-style-type: lower-alpha; -} - -.markdown dd { - margin-left: 0; -} - -.markdown code { - font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 12px; -} - -.markdown pre { - margin-top: 0; - margin-bottom: 0; - font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 12px; -} - -.markdown .octicon { - vertical-align: text-bottom; -} - -.markdown .pl-0 { - padding-left: 0 !important; -} - -.markdown .pl-1 { - padding-left: 4px !important; -} - -.markdown .pl-2 { - padding-left: 8px !important; -} - -.markdown .pl-3 { - padding-left: 16px !important; -} - -.markdown .pl-4 { - padding-left: 24px !important; -} - -.markdown .pl-5 { - padding-left: 32px !important; -} - -.markdown .pl-6 { - padding-left: 40px !important; -} - -.markdown::before { - display: table; - content: ""; -} - -.markdown::after { - display: table; - clear: both; - content: ""; -} - -.markdown > *:first-child { - margin-top: 0 !important; -} - -.markdown > *:last-child { - margin-bottom: 0 !important; -} - -.markdown a:not([href]) { - color: inherit; - text-decoration: none; -} - -.markdown .anchor { - float: left; - padding-right: 4px; - margin-left: -20px; - line-height: 1; -} - -.markdown .anchor:focus { - outline: none; -} - -.markdown p, -.markdown blockquote, -.markdown ul, -.markdown ol, -.markdown dl, -.markdown table, -.markdown pre { - margin-top: 0; - margin-bottom: 16px; -} - -.markdown hr { - height: 0.25em; - padding: 0; - margin: 24px 0; - background-color: #e1e4e8; - border: 0; -} - -.markdown blockquote { - padding: 0 1em; - color: #6a737d; - border-left: 0.25em solid #dfe2e5; -} - -.markdown blockquote > :first-child { - margin-top: 0; -} - -.markdown blockquote > :last-child { - margin-bottom: 0; -} - -.markdown kbd { - display: inline-block; - padding: 3px 5px; - font-size: 11px; - line-height: 10px; - color: #444d56; - vertical-align: middle; - background-color: #fafbfc; - border: solid 1px #c6cbd1; - border-bottom-color: #959da5; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #959da5; -} - -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { - margin-top: 24px; - margin-bottom: 16px; - font-weight: 600; - line-height: 1.25; -} - -.markdown h1 .octicon-link, -.markdown h2 .octicon-link, -.markdown h3 .octicon-link, -.markdown h4 .octicon-link, -.markdown h5 .octicon-link, -.markdown h6 .octicon-link { - color: #1b1f23; - vertical-align: middle; - visibility: hidden; -} - -.markdown h1:hover .anchor, -.markdown h2:hover .anchor, -.markdown h3:hover .anchor, -.markdown h4:hover .anchor, -.markdown h5:hover .anchor, -.markdown h6:hover .anchor { - text-decoration: none; -} - -.markdown h1:hover .anchor .octicon-link, -.markdown h2:hover .anchor .octicon-link, -.markdown h3:hover .anchor .octicon-link, -.markdown h4:hover .anchor .octicon-link, -.markdown h5:hover .anchor .octicon-link, -.markdown h6:hover .anchor .octicon-link { - visibility: visible; -} - -.markdown h1 { - padding-bottom: 0.3em; - font-size: 2em; - border-bottom: 1px solid #eaecef; -} - -.markdown h2 { - padding-bottom: 0.3em; - font-size: 1.5em; - border-bottom: 1px solid #eaecef; -} - -.markdown h3 { - font-size: 1.25em; -} - -.markdown h4 { - font-size: 1em; -} - -.markdown h5 { - font-size: 0.875em; -} - -.markdown h6 { - font-size: 0.85em; - color: #6a737d; -} - -.markdown ul, -.markdown ol { - padding-left: 2em; -} - -.markdown ul ul, -.markdown ul ol, -.markdown ol ol, -.markdown ol ul { - margin-top: 0; - margin-bottom: 0; -} - -.markdown li { - word-wrap: break-all; -} - -.markdown li > p { - margin-top: 16px; -} - -.markdown li + li { - margin-top: 0.25em; -} - -.markdown dl { - padding: 0; -} - -.markdown dl dt { - padding: 0; - margin-top: 16px; - font-size: 1em; - font-style: italic; - font-weight: 600; -} - -.markdown dl dd { - padding: 0 16px; - margin-bottom: 16px; -} - -.markdown table { - display: table; - width: 100%; - overflow: auto; -} - -.markdown table th { - font-weight: 600; -} - -.markdown table th, -.markdown table td { - padding: 6px 13px; - border: 1px solid #dfe2e5; - text-align: left; -} - -.markdown table tr { - background-color: #fff; - border-top: 1px solid #c6cbd1; -} - -.markdown table tr:nth-child(2n) { - background-color: #f6f8fa; -} - -.markdown img { - max-width: 100%; - box-sizing: content-box; - background-color: #fff; -} - -.markdown img[align=right] { - padding-left: 20px; -} - -.markdown img[align=left] { - padding-right: 20px; -} - -.markdown code { - padding: 0.2em 0.4em; - margin: 0; - font-size: 85%; - background-color: rgba(27, 31, 35, 0.05); - border-radius: 3px; -} - -.markdown pre { - word-wrap: normal; -} - -.markdown pre > code { - padding: 0; - margin: 0; - font-size: 100%; - word-break: normal; - white-space: pre; - /*background: transparent;*/ - border: 0; -} - -.markdown .highlight { - margin-bottom: 16px; -} - -.markdown .highlight pre { - margin-bottom: 0; - word-break: normal; -} - -.markdown .highlight pre, -.markdown pre { - padding: 16px; - overflow: auto; - font-size: 85%; - line-height: 1.45; - /*background-color: #f6f8fa;*/ - border-radius: 3px; -} - -.markdown pre code { - /*display: inline;*/ - max-width: auto; - padding: 0; - margin: 0; - overflow: visible; - line-height: inherit; - word-wrap: normal; - background-color: transparent; - border: 0; -} - -.markdown .full-commit .btn-outline:not(:disabled):hover { - color: #005cc5; - border-color: #005cc5; -} - -.markdown kbd { - display: inline-block; - padding: 3px 5px; - font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - line-height: 10px; - color: #444d56; - vertical-align: middle; - background-color: #fafbfc; - border: solid 1px #d1d5da; - border-bottom-color: #c6cbd1; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #c6cbd1; -} - -.markdown :checked + .radio-label { - position: relative; - z-index: 1; - border-color: #0366d6; -} - -.markdown .task-list-item { - list-style-type: none; -} - -.markdown .task-list-item + .task-list-item { - margin-top: 3px; -} - -.markdown .task-list-item input { - margin: 0 0.2em 0.25em -1.6em; - vertical-align: middle; -} - -.markdown hr { - border-bottom-color: #eee; -} diff --git a/source/css/markdown/_markdown.scss b/source/css/markdown/_markdown.scss new file mode 100644 index 0000000..2e3d24d --- /dev/null +++ b/source/css/markdown/_markdown.scss @@ -0,0 +1,815 @@ +.markdown { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + margin: 0; + // color: #24292f; + // background-color: #ffffff; + // font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; + // font-size: 16px; + line-height: 1.5; + word-wrap: break-word; + .octicon { + display: inline-block; + fill: currentColor; + vertical-align: text-bottom; + display: inline-block; + overflow: visible !important; + vertical-align: text-bottom; + fill: currentColor; + } + summary { + display: list-item; + } + [hidden] { + display: none !important; + } + a { + background-color: transparent; + + color: #0969da; + + text-decoration: none; + &:hover { + text-decoration: underline; + } + &:not([href]) { + color: inherit; + text-decoration: none; + } + } + abbr[title] { + border-bottom: none; + text-decoration: underline dotted; + } + dfn { + font-style: italic; + } + h1 { + margin: .67em 0; + font-weight: 600; + padding-bottom: .3em; + font-size: 2em; + border-bottom: 1px solid hsla(210,18%,87%,1); + } + mark { + background-color: #fff8c5; + color: #24292f; + } + small { + font-size: 90%; + } + sub { + bottom: -0.25em; + } + sup { + top: -0.5em; + & > a { + &::before { + content: "["; + } + &::after { + content: "]"; + } + } + } + img { + border-style: none; + max-width: 100%; + box-sizing: content-box; + background-color: #ffffff; + } + figure { + margin: 1em 40px; + } + hr { + box-sizing: content-box; + overflow: hidden; + background: transparent; + border-bottom: 1px solid hsla(210,18%,87%,1); + height: .25em; + padding: 0; + margin: 24px 0; + background-color: #d0d7de; + border: 0; + &::before { + display: table; + content: ""; + } + &::after { + display: table; + clear: both; + content: ""; + } + } + input { + font: inherit; + margin: 0; + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + } + [type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; + } + ::-webkit-input-placeholder { + color: inherit; + opacity: .54; + } + ::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; + } + table { + border-spacing: 0; + border-collapse: collapse; + display: block; + width: max-content; + max-width: 100%; + overflow: auto; + th { + font-weight: 600; + } + tr { + background-color: #ffffff; + border-top: 1px solid hsla(210,18%,87%,1); + &:nth-child(2n) { + background-color: #f6f8fa; + } + } + img { + background-color: transparent; + } + } + details { + summary { + cursor: pointer; + } + &:not([open]) { + & > *:not(summary) { + display: none !important; + } + } + } + kbd { + display: inline-block; + padding: 3px 5px; + font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + line-height: 10px; + color: #24292f; + vertical-align: middle; + background-color: #f6f8fa; + border: solid 1px rgba(175,184,193,0.2); + border-bottom-color: rgba(175,184,193,0.2); + border-radius: 6px; + box-shadow: inset 0 -1px 0 rgba(175,184,193,0.2); + } + h2 { + font-weight: 600; + padding-bottom: .3em; + font-size: 1.5em; + border-bottom: 1px solid hsla(210,18%,87%,1); + } + h3 { + font-weight: 600; + font-size: 1.25em; + } + h4 { + font-weight: 600; + font-size: 1em; + } + h5 { + font-weight: 600; + font-size: .875em; + } + h6 { + font-weight: 600; + font-size: .85em; + color: #57606a; + } + p { + margin-top: 0; + margin-bottom: 10px; + } + blockquote { + margin: 0; + padding: 0 1em; + color: #57606a; + border-left: .25em solid #d0d7de; + & > :first-child { + margin-top: 0; + } + & > :last-child { + margin-bottom: 0; + } + } + dd { + margin-left: 0; + } + pre { + margin-top: 0; + margin-bottom: 0; + font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-size: 12px; + word-wrap: normal; + code { + font-size: 100%; + } + & > code { + padding: 0; + margin: 0; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; + } + } + ::placeholder { + color: #6e7781; + opacity: 1; + } + .pl-c { + color: #6e7781; + } + .pl-ent { + color: #116329; + } + .pl-k { + color: #cf222e; + } + .pl-bu { + color: #82071e; + } + .pl-ii { + color: #f6f8fa; + background-color: #82071e; + } + .pl-c2 { + color: #f6f8fa; + background-color: #cf222e; + } + .pl-sr { + .pl-cce { + font-weight: bold; + color: #116329; + } + } + .pl-ml { + color: #3b2300; + } + .pl-mi { + font-style: italic; + color: #24292f; + } + .pl-mb { + font-weight: bold; + color: #24292f; + } + .pl-md { + color: #82071e; + background-color: #ffebe9; + } + .pl-mi1 { + color: #116329; + background-color: #dafbe1; + } + .pl-mc { + color: #953800; + background-color: #ffd8b5; + } + .pl-mi2 { + color: #eaeef2; + background-color: #0550ae; + } + .pl-mdr { + font-weight: bold; + color: #8250df; + } + .pl-ba { + color: #57606a; + } + .pl-sg { + color: #8c959f; + } + .pl-corl { + text-decoration: underline; + color: #0a3069; + } + [data-catalyst] { + display: block; + } + g-emoji { + font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 1em; + font-style: normal !important; + font-weight: 400; + line-height: 1; + vertical-align: -0.075em; + img { + width: 1em; + height: 1em; + } + } + &::before { + display: table; + content: ""; + } + &::after { + display: table; + clear: both; + content: ""; + } + & > *:first-child { + margin-top: 0 !important; + } + & > *:last-child { + margin-bottom: 0 !important; + } + .absent { + color: #cf222e; + } + .anchor { + float: left; + padding-right: 4px; + margin-left: -20px; + line-height: 1; + &:focus { + outline: none; + } + } + ol[type="1"] { + list-style-type: decimal; + } + ol[type=a] { + list-style-type: lower-alpha; + } + ol[type=i] { + list-style-type: lower-roman; + } + div { + & > ol { + &:not([type]) { + list-style-type: decimal; + } + } + } + li { + & > p { + margin-top: 16px; + } + & + li { + margin-top: .25em; + } + } + dl { + padding: 0; + dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: 600; + } + dd { + padding: 0 16px; + margin-bottom: 16px; + } + } + img[align=right] { + padding-left: 20px; + } + img[align=left] { + padding-right: 20px; + } + .emoji { + max-width: none; + vertical-align: text-top; + background-color: transparent; + } + span { + &.frame { + display: block; + overflow: hidden; + & > span { + display: block; + float: left; + width: auto; + padding: 7px; + margin: 13px 0 0; + overflow: hidden; + border: 1px solid #d0d7de; + } + span { + img { + display: block; + float: left; + } + span { + display: block; + padding: 5px 0 0; + clear: both; + color: #24292f; + } + } + } + &.align-center { + display: block; + overflow: hidden; + clear: both; + & > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: center; + } + span { + img { + margin: 0 auto; + text-align: center; + } + } + } + &.align-right { + display: block; + overflow: hidden; + clear: both; + & > span { + display: block; + margin: 13px 0 0; + overflow: hidden; + text-align: right; + } + span { + img { + margin: 0; + text-align: right; + } + } + } + &.float-left { + display: block; + float: left; + margin-right: 13px; + overflow: hidden; + span { + margin: 13px 0 0; + } + } + &.float-right { + display: block; + float: right; + margin-left: 13px; + overflow: hidden; + & > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: right; + } + } + } + del { + code { + text-decoration: inherit; + } + } + .highlight { + margin-bottom: 16px; + pre { + margin-bottom: 0; + word-break: normal; + } + } + .csv-data { + .blob-num { + padding: 10px 8px 9px; + text-align: right; + background: #ffffff; + border: 0; + } + tr { + border-top: 0; + } + th { + font-weight: 600; + background: #f6f8fa; + border-top: 0; + } + } + .footnotes { + font-size: 12px; + color: #57606a; + border-top: 1px solid #d0d7de; + ol { + padding-left: 16px; + } + li { + position: relative; + &:target { + color: #24292f; + &::before { + position: absolute; + top: -8px; + right: -8px; + bottom: -8px; + left: -24px; + pointer-events: none; + content: ""; + border: 2px solid #0969da; + border-radius: 6px; + } + } + } + .data-footnote-backref { + g-emoji { + font-family: monospace; + } + } + } + .task-list-item { + list-style-type: none; + label { + font-weight: 400; + } + &.enabled { + label { + cursor: pointer; + } + } + & + .task-list-item { + margin-top: 3px; + } + .handle { + display: none; + } + } + .task-list-item-checkbox { + margin: 0 .2em .25em -1.6em; + vertical-align: middle; + } + .contains-task-list { + &:dir(rtl) { + .task-list-item-checkbox { + margin: 0 -1.6em .25em .2em; + } + } + } + ::-webkit-calendar-picker-indicator { + filter: invert(50%); + } +} +.markdown h1:hover .anchor .octicon-link:before, +.markdown h2:hover .anchor .octicon-link:before, +.markdown h3:hover .anchor .octicon-link:before, +.markdown h4:hover .anchor .octicon-link:before, +.markdown h5:hover .anchor .octicon-link:before, +.markdown h6:hover .anchor .octicon-link:before { + width: 16px; + height: 16px; + content: ' '; + display: inline-block; + background-color: currentColor; + -webkit-mask-image: url("data:image/svg+xml,"); + mask-image: url("data:image/svg+xml,"); +} +.markdown details, +.markdown figcaption, +.markdown figure { + display: block; +} +.markdown a:active, +.markdown a:hover { + outline-width: 0; +} +.markdown b, +.markdown strong { + font-weight: 600; +} +.markdown sub, +.markdown sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +.markdown code, +.markdown kbd, +.markdown pre, +.markdown samp { + font-family: monospace,monospace; + font-size: 1em; +} +.markdown [type=button], +.markdown [type=reset], +.markdown [type=submit] { + -webkit-appearance: button; +} +.markdown [type=button]::-moz-focus-inner, +.markdown [type=reset]::-moz-focus-inner, +.markdown [type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} +.markdown [type=button]:-moz-focusring, +.markdown [type=reset]:-moz-focusring, +.markdown [type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} +.markdown [type=checkbox], +.markdown [type=radio] { + box-sizing: border-box; + padding: 0; +} +.markdown [type=number]::-webkit-inner-spin-button, +.markdown [type=number]::-webkit-outer-spin-button { + height: auto; +} +.markdown [type=search]::-webkit-search-cancel-button, +.markdown [type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} +.markdown td, +.markdown th { + padding: 0; +} +.markdown h1, +.markdown h2, +.markdown h3, +.markdown h4, +.markdown h5, +.markdown h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} +.markdown ul, +.markdown ol { + margin-top: 0; + margin-bottom: 0; + padding-left: 2em; +} +.markdown ol ol, +.markdown ul ol { + list-style-type: lower-roman; +} +.markdown ul ul ol, +.markdown ul ol ol, +.markdown ol ul ol, +.markdown ol ol ol { + list-style-type: lower-alpha; +} +.markdown tt, +.markdown code { + font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-size: 12px; +} +.markdown input::-webkit-outer-spin-button, +.markdown input::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; + appearance: none; +} +.markdown .pl-c1, +.markdown .pl-s .pl-v { + color: #0550ae; +} +.markdown .pl-e, +.markdown .pl-en { + color: #8250df; +} +.markdown .pl-smi, +.markdown .pl-s .pl-s1 { + color: #24292f; +} +.markdown .pl-s, +.markdown .pl-pds, +.markdown .pl-s .pl-pse .pl-s1, +.markdown .pl-sr, +.markdown .pl-sr .pl-cce, +.markdown .pl-sr .pl-sre, +.markdown .pl-sr .pl-sra { + color: #0a3069; +} +.markdown .pl-v, +.markdown .pl-smw { + color: #953800; +} +.markdown .pl-mh, +.markdown .pl-mh .pl-en, +.markdown .pl-ms { + font-weight: bold; + color: #0550ae; +} +.markdown p, +.markdown blockquote, +.markdown ul, +.markdown ol, +.markdown dl, +.markdown table, +.markdown pre, +.markdown details { + margin-top: 0; + margin-bottom: 16px; +} +.markdown h1 .octicon-link, +.markdown h2 .octicon-link, +.markdown h3 .octicon-link, +.markdown h4 .octicon-link, +.markdown h5 .octicon-link, +.markdown h6 .octicon-link { + color: #24292f; + vertical-align: middle; + visibility: hidden; +} +.markdown h1:hover .anchor, +.markdown h2:hover .anchor, +.markdown h3:hover .anchor, +.markdown h4:hover .anchor, +.markdown h5:hover .anchor, +.markdown h6:hover .anchor { + text-decoration: none; +} +.markdown h1:hover .anchor .octicon-link, +.markdown h2:hover .anchor .octicon-link, +.markdown h3:hover .anchor .octicon-link, +.markdown h4:hover .anchor .octicon-link, +.markdown h5:hover .anchor .octicon-link, +.markdown h6:hover .anchor .octicon-link { + visibility: visible; +} +.markdown h1 tt, +.markdown h1 code, +.markdown h2 tt, +.markdown h2 code, +.markdown h3 tt, +.markdown h3 code, +.markdown h4 tt, +.markdown h4 code, +.markdown h5 tt, +.markdown h5 code, +.markdown h6 tt, +.markdown h6 code { + padding: 0 .2em; + font-size: inherit; +} +.markdown ul.no-list, +.markdown ol.no-list { + padding: 0; + list-style-type: none; +} +.markdown ul ul, +.markdown ul ol, +.markdown ol ol, +.markdown ol ul { + margin-top: 0; + margin-bottom: 0; +} +.markdown table th, +.markdown table td { + padding: 6px 13px; + border: 1px solid #d0d7de; +} +.markdown code, +.markdown tt { + padding: .2em .4em; + margin: 0; + font-size: 85%; + background-color: rgba(175,184,193,0.2); + border-radius: 6px; +} +.markdown code br, +.markdown tt br { + display: none; +} +.markdown .highlight pre, +.markdown pre { + padding: 16px; + overflow: auto; + font-size: 85%; + line-height: 1.45; + background-color: #f6f8fa; + border-radius: 6px; +} +.markdown pre code, +.markdown pre tt { + display: inline; + max-width: auto; + padding: 0; + margin: 0; + overflow: visible; + line-height: inherit; + word-wrap: normal; + background-color: transparent; + border: 0; +} +.markdown .csv-data td, +.markdown .csv-data th { + padding: 5px; + overflow: hidden; + font-size: 12px; + line-height: 1; + text-align: left; + white-space: nowrap; +} diff --git a/source/css/pages/_archives.scss b/source/css/pages/_archives.scss new file mode 100644 index 0000000..4bb2ad5 --- /dev/null +++ b/source/css/pages/_archives.scss @@ -0,0 +1,51 @@ + // 归档 + +@import "../base/variables"; + +.archives { + >ul { + padding: 0.625rem 0.1rem; + + >.year { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + // 浅色 + color: #262626; + // 深色 + @include darkmode{ + color: #dbdbdb; + } + } + + >li { + display: flex; + justify-content: space-between; + font-size: 0.875rem; + padding-bottom: 0.3rem; + line-height: 1.75rem; + + > a { + // 浅色 + color:#595959; + &:hover { + color: #59595980; + } + // 深色 + @include darkmode{ + color: #acacac; + &:hover { + color: #acacac80; + } + } + } + >span{ + color:#8c8c8c; + @include darkmode{ + color: #7d7d7d; + } + } + } + } +} diff --git a/source/css/pages/_category.scss b/source/css/pages/_category.scss new file mode 100644 index 0000000..943d124 --- /dev/null +++ b/source/css/pages/_category.scss @@ -0,0 +1,103 @@ +@import "../base/variables"; + +// 分类 +.category { + >ul { + padding: 0.625rem 0.1rem; + + >.name { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + // 浅色 + color: #262626; + + // 深色 + @include darkmode { + color: #dbdbdb; + } + } + + >li { + display: flex; + justify-content: space-between; + font-size: 0.875rem; + padding-bottom: 0.3rem; + line-height: 1.75rem; + + >a { + // 浅色 + color: #595959; + + &:hover { + color: #59595980; + } + + // 深色 + @include darkmode { + color: #dbdbdb; + + &:hover { + color: #dbdbdb80; + } + } + } + >span{ + color:#8c8c8c; + @include darkmode{ + color: #7d7d7d; + } + } + } + } +} + +// 分类目录 +.categories { + margin: 5rem 0; + + >ul { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + align-content: center; + flex-wrap: wrap; + + >li { + margin: 0.5rem 1rem; + font-size: 1rem; + + >a { + // 浅色 + color: #262626; + + &:hover { + color: #26262680; + } + + // 深色 + @include darkmode { + color: #dbdbdb; + + &:hover { + color: #dbdbdb80; + } + } + + >span { + color: #8c8c8c; + } + } + } + + .count { + display: inline-block; + position: relative; + top: -0.5rem; + right: -0.125rem; + font-size: 0.75rem; + } + } +} \ No newline at end of file diff --git a/source/css/pages/_index.scss b/source/css/pages/_index.scss new file mode 100644 index 0000000..c00ac59 --- /dev/null +++ b/source/css/pages/_index.scss @@ -0,0 +1,95 @@ +// 首页 +@import "../base/variables"; + +.index { + + // 标题 + >h1 { + >a { + letter-spacing: 0.0625rem; + font-size: 1.375rem; + line-height: 1.75rem; + // 浅色 + color: #262626; + + &:hover { + color: #26262680; + } + + // 深色 + @include darkmode { + color: #dbdbdb; + + &:hover { + color: #dbdbdb80; + } + } + } + } + + // 摘要 + >p { + line-height: 1.5rem; + text-indent: 2rem; + + // 浅色 + color: #595959; + + // 深色 + @include darkmode { + color: #acacac; + } + } + + // 徽标 + >.info { + display: flex; + justify-content: flex-end; + flex-wrap: wrap; + flex-direction: row; + padding: 0.5rem 0 2rem 0; + + // 浅色 + border-bottom: 1px solid #d9d9d9; + + // 深色 + @include darkmode { + border-bottom: 1px solid #434343; + } + + >.date, + >.tag { + font-weight: 400; + font-size: 0.75rem; + margin: 0 0.5rem; + + >i { + position: relative; + top: 0.1rem; + color: #8c8c8c; + + @include darkmode { + color: #7d7d7d; + } + } + + >a { + font-size: 0.75rem; + color: #8c8c8c; + + &:hover { + color: #8c8c8c80; + } + + @include darkmode { + color: #7d7d7d; + + &:hover { + color: #7d7d7d80; + } + } + } + + } + } +} \ No newline at end of file diff --git a/source/css/pages/_journals.scss b/source/css/pages/_journals.scss new file mode 100644 index 0000000..d7d581b --- /dev/null +++ b/source/css/pages/_journals.scss @@ -0,0 +1,47 @@ +@import "../base/variables"; + +// 日志 +.journals { + >.name { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + // 浅色 + color: #262626; + + // 深色 + @include darkmode { + color: #dbdbdb; + } + } + + >ul { + >li { + padding: 1rem 0.1rem; + + >.content { + padding: 0.25rem 0.25rem; + font-size: 1rem; + // 浅色 + color: #595959; + + // 深色 + @include darkmode { + color: #acacac; + } + } + + >.info { + display: flex; + justify-content: flex-end; + font-size: 0.75rem; + color: #8c8c8c; + + @include darkmode { + color: #7d7d7d; + } + } + } + } +} \ No newline at end of file diff --git a/source/css/pages/_links.scss b/source/css/pages/_links.scss new file mode 100644 index 0000000..d63c589 --- /dev/null +++ b/source/css/pages/_links.scss @@ -0,0 +1,49 @@ +@import "../base/variables"; + +// 友链 +.links { + >ul { + padding: 0.625rem 0.1rem; + + >.friend { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + + // 浅色 + color: #262626; + + // 深色 + @include darkmode { + color: #dbdbdb; + } + } + + >li { + display: flex; + justify-content: space-between; + font-size: 1rem; + padding-bottom: 0.3rem; + line-height: 1.5rem; + + >a { + // 浅色 + color: #595959; + + &:hover { + color: #59595980; + } + + // 深色 + @include darkmode { + color: #dbdbdb; + + &:hover { + color: #dbdbdb80; + } + } + } + } + } +} \ No newline at end of file diff --git a/source/css/pages/_post.scss b/source/css/pages/_post.scss new file mode 100644 index 0000000..634a4c3 --- /dev/null +++ b/source/css/pages/_post.scss @@ -0,0 +1,60 @@ +@import "../base/variables"; + +// 文章 +.post { + >.title { + margin-top: 4rem; + + >h1 { + >a { + letter-spacing: 0.0625rem; + font-size: 2rem; + line-height: 2rem; + color: #262626; + + @include darkmode { + color: #dbdbdb; + } + + &:hover { + color: #26262680; + + @include darkmode { + color: #dbdbdb80; + } + } + } + } + + >.info { + padding-bottom: 1rem; + margin-bottom: 1rem; + border-bottom: 1px solid #d9d9d9; + + @include darkmode { + border-bottom: 1px solid #434343; + } + + >span { + margin: 0 0.25rem; + font-weight: 400; + font-size: 0.75rem; + color: #8c8c8c; + + @include darkmode { + color: #7d7d7d; + } + + i { + position: relative; + top: 0.125rem; + color: #8c8c8c; + + @include darkmode { + color: #7d7d7d; + } + } + } + } + } +} \ No newline at end of file diff --git a/source/css/pages/_tag.scss b/source/css/pages/_tag.scss new file mode 100644 index 0000000..4c00b7b --- /dev/null +++ b/source/css/pages/_tag.scss @@ -0,0 +1,97 @@ +@import "../base/variables"; + +// 标签 +.tag { + >ul { + padding: 0.625rem 0.1rem; + + >.name { + font-size: 1.5rem; + font-weight: bold; + line-height: 2.2rem; + padding: 0.5rem 0; + // 浅色 + color: #262626; + + // 深色 + @include darkmode { + color: #dbdbdb; + } + } + + >li { + display: flex; + justify-content: space-between; + font-size: 0.875rem; + padding-bottom: 0.3rem; + line-height: 1.75rem; + + > a { + // 浅色 + color: #595959; + + &:hover { + color: #59595980; + } + + // 深色 + @include darkmode { + color: #dbdbdb; + + &:hover { + color: #dbdbdb80; + } + } + } + } + } +} + +// 标签目录 +.tags { + margin: 5rem 0; + + >ul { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + align-content: center; + flex-wrap: wrap; + + >li { + margin: 0.5rem 1rem; + font-size: 1rem; + + >a { + // 浅色 + color: #262626; + + &:hover { + color: #26262680; + } + + // 深色 + @include darkmode { + color: #dbdbdb; + + &:hover { + color: #dbdbdb80; + } + } + + >span { + color: #8c8c8c; + } + } + } + + .count { + display: inline-block; + position: relative; + top: -0.5rem; + right: -0.125rem; + font-size: 0.75rem; + } + } +} \ No newline at end of file diff --git a/source/css/pages/layout/_comment.scss b/source/css/pages/layout/_comment.scss new file mode 100644 index 0000000..a5fa5b3 --- /dev/null +++ b/source/css/pages/layout/_comment.scss @@ -0,0 +1,44 @@ +// 评论组件 +.comment { + width: 47rem; + margin: 1rem 0rem; + padding: 1rem 2.5rem; + background: #fafafa; + box-shadow: 0 0.375rem 1rem -0.5rem #bfbfbf; + + @include darkmode { + background: #292929; + box-shadow: 0 0.375rem 1rem -0.5rem #262626; + } +} + +.post-bottom-menu { + + display: flex; + justify-content: space-around; + margin-top: 2rem; + padding-top: 2rem; + width: 40rem; + + border-top: 1px solid #e7e7e7; + + @include darkmode { + border-top: 1px solid #e7e7e7; + } + + >a { + color: #262626; + + &:hover { + color: #595959; + } + + @include darkmode { + color: #b6b6b6; + + &:hover { + color: #434343; + } + } + } +} \ No newline at end of file diff --git a/source/css/pages/layout/_footer.scss b/source/css/pages/layout/_footer.scss new file mode 100644 index 0000000..c9038a1 --- /dev/null +++ b/source/css/pages/layout/_footer.scss @@ -0,0 +1,30 @@ +// 页脚 +@import "../../base/variables"; + +footer { + padding: 2rem 0; + + .copyright { + font-size: 0.8rem; + + a { + margin: 0 0.125rem; + + // 浅色 + color: #bfbfbf; + &:hover { + color: #262626; + } + + // 深色 + @include darkmode{ + color: #262626; + + &:hover { + color: #bfbfbf; + } + } + + } + } +} \ No newline at end of file diff --git a/source/css/pages/layout/_header.scss b/source/css/pages/layout/_header.scss new file mode 100644 index 0000000..1b9bbae --- /dev/null +++ b/source/css/pages/layout/_header.scss @@ -0,0 +1,90 @@ +// Header 头部 + +@import "../../base/variables"; +.header { + width: 45rem; + padding: 7rem 0 3rem 0; + + -webkit-background-size: cover; + background-size: cover; + + display: flex; + justify-content: space-between; + align-items: center; + + // 站点标题 + >.title { + width: 6rem; + + >a { + font-size: 2.2rem; + letter-spacing: 0.2rem; + line-height: 2.4rem; + + >span { + + // 浅色 + color:#262626; + + &:hover { + color: #26262680; + } + + // 深色 + @include darkmode { + color: #dbdbdb; + + &:hover { + color: #dbdbdb80; + } + } + + } + } + } + + // 二级标题 + >.description { + display: flex; + flex-direction: column; + align-items: flex-end; + + font-size: 0.9rem; + + // 浅色 + color: #8c8c8c; + + // 深色 + @include darkmode { + color: #7d7d7d; + } + + >.socials { + display: flex; + justify-content: flex-end; + + >a { + font-size: 1rem; + margin-left: 0.5rem; + cursor: pointer; + + + // 浅色 + color: #8c8c8c; + + &:hover { + color: #8c8c8c80; + } + + // 深色 + @include darkmode { + color: #7d7d7d; + + &:hover { + color: #7d7d7d80; + } + } + } + } + } +} \ No newline at end of file diff --git a/source/css/pages/layout/_pagenav.scss b/source/css/pages/layout/_pagenav.scss new file mode 100644 index 0000000..9728964 --- /dev/null +++ b/source/css/pages/layout/_pagenav.scss @@ -0,0 +1,24 @@ +// 分页 +.pagenav { + display: flex; + justify-content: space-between; + padding: 2rem 0; + + >a { + text-decoration: none; + margin: 0 2rem; + color: #262626; + + &:hover { + color: #595959; + } + + @include darkmode { + color: #b6b6b6; + + &:hover { + color: #434343; + } + } + } +} \ No newline at end of file diff --git a/source/css/redemption.css.map b/source/css/redemption.css.map new file mode 100644 index 0000000..e179654 --- /dev/null +++ b/source/css/redemption.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["base/_font.scss","base/_base.scss","base/_variables.scss","pages/layout/_header.scss","pages/layout/_footer.scss","pages/layout/_pagenav.scss","pages/layout/_comment.scss","pages/_archives.scss","pages/_category.scss","pages/_index.scss","pages/_journals.scss","pages/_links.scss","pages/_post.scss","pages/_tag.scss"],"names":[],"mappings":"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","file":"redemption.css"} \ No newline at end of file