refacotr(css): Refactor css for easy maintenance
1. Refactored CSS for robustness 2. Add dark-mode choose 3. Add sans and serif
This commit is contained in:
parent
6fbfbb2ab6
commit
91bab4d153
3
.vscode/settings.json
vendored
Normal file
3
.vscode/settings.json
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"compile-hero.disable-compile-files-on-did-save-code": true
|
||||||
|
}
|
||||||
@ -1,6 +1,6 @@
|
|||||||
<#macro layout title>
|
<#macro layout title>
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="zh-CN" data-font="sans" data-mode="dark">
|
<html lang="zh-CN" data-font="sans" data-darkmode="light">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||||||
@ -9,20 +9,14 @@
|
|||||||
<meta name="description" content="${meta_description!}" />
|
<meta name="description" content="${meta_description!}" />
|
||||||
<@global.head />
|
<@global.head />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<#-- 公共样式表 -->
|
<#-- 公共样式表 -->
|
||||||
<link rel="stylesheet" href="${theme_base!}/source/plugins/normalize.css"/>
|
<link rel="stylesheet" href="${theme_base!}/source/plugins/normalize.css"/>
|
||||||
<link rel="stylesheet" href="${theme_base!}/source/plugins/animate.css"/>
|
<link rel="stylesheet" href="${theme_base!}/source/plugins/animate.css"/>
|
||||||
<link rel="stylesheet" href="${theme_base!}/source/plugins/remixicon/remixicon.css"/>
|
<link rel="stylesheet" href="${theme_base!}/source/plugins/remixicon/remixicon.css"/>
|
||||||
<link rel="stylesheet" href="${theme_base!}/source/css/font.css"/>
|
|
||||||
<link rel="stylesheet" href="${theme_base!}/source/css/color.css"/>
|
<#-- 自定义样式表 -->
|
||||||
<link rel="stylesheet" href="${theme_base!}/source/css/markdown.css"/>
|
|
||||||
<link rel="stylesheet" href="${theme_base!}/source/css/redemption.css"/>
|
<link rel="stylesheet" href="${theme_base!}/source/css/redemption.css"/>
|
||||||
|
<link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container animate__animated animate__fadeInDown">
|
<div class="container animate__animated animate__fadeInDown">
|
||||||
@ -32,7 +26,7 @@
|
|||||||
|
|
||||||
<#-- 脚注 -->
|
<#-- 脚注 -->
|
||||||
<footer>
|
<footer>
|
||||||
<#-- <#include "menu.ftl"> -->
|
|
||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
<a href="https://www.7wate.com">Designed by 7Wate.</a>
|
<a href="https://www.7wate.com">Designed by 7Wate.</a>
|
||||||
<a href="https://halo.run">Proudly published with Halo</a>
|
<a href="https://halo.run">Proudly published with Halo</a>
|
||||||
@ -45,15 +39,8 @@
|
|||||||
<#-- 自定义JS代码 -->
|
<#-- 自定义JS代码 -->
|
||||||
<script src="${theme_base!}/source/js/redemption.js"></script>
|
<script src="${theme_base!}/source/js/redemption.js"></script>
|
||||||
|
|
||||||
<#-- 公共JS代码 -->
|
|
||||||
<script src="${theme_base!}/source/plugins/heti/heti-addon.js"></script>
|
|
||||||
<script>
|
|
||||||
const heti = new Heti('.heti');
|
|
||||||
heti.autoSpacing();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
<#include "menu.ftl">
|
||||||
</html>
|
</html>
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
||||||
|
|||||||
2
post.ftl
2
post.ftl
@ -46,7 +46,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="heti">
|
<div class="markdown">
|
||||||
${post.formatContent!}
|
${post.formatContent!}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,400 +1,21 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
|
// 基础
|
||||||
|
@import "base/variables";
|
||||||
|
@import "base/font";
|
||||||
|
@import "base/base";
|
||||||
|
|
||||||
// 滚动条
|
// 组件
|
||||||
html::-webkit-scrollbar {
|
@import "pages/layout/header";
|
||||||
width: 10px;
|
@import "pages/layout/footer";
|
||||||
height: 10px;
|
@import "pages/layout/pagenav";
|
||||||
}
|
@import "pages/layout/comment";
|
||||||
|
|
||||||
html::-webkit-scrollbar-thumb {
|
// 页面
|
||||||
height: 40px;
|
@import "pages/archives";
|
||||||
border-radius: 16px;
|
@import "pages/category";
|
||||||
}
|
@import "pages/index";
|
||||||
|
@import "pages/journals";
|
||||||
|
@import "pages/links";
|
||||||
|
@import "pages/post";
|
||||||
|
@import "pages/tag";
|
||||||
|
|
||||||
// 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;
|
|
||||||
}
|
|
||||||
|
|||||||
150
source/css/base/_base.scss
Normal file
150
source/css/base/_base.scss
Normal file
@ -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*/
|
||||||
@ -10,9 +10,11 @@ body {
|
|||||||
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
||||||
'Noto Sans', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
'Noto Sans', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
||||||
'Noto Color Emoji';
|
'Noto Color Emoji';
|
||||||
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
[data-font="sans"]{
|
[data-font="sans"]{
|
||||||
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
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 Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
||||||
'Noto Color Emoji';
|
'Noto Color Emoji';
|
||||||
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
56
source/css/base/_variables.scss
Normal file
56
source/css/base/_variables.scss
Normal file
@ -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) { ... }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ -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";
|
|
||||||
}
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
815
source/css/markdown/_markdown.scss
Normal file
815
source/css/markdown/_markdown.scss
Normal file
@ -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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
|
||||||
|
mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
51
source/css/pages/_archives.scss
Normal file
51
source/css/pages/_archives.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
103
source/css/pages/_category.scss
Normal file
103
source/css/pages/_category.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
95
source/css/pages/_index.scss
Normal file
95
source/css/pages/_index.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
47
source/css/pages/_journals.scss
Normal file
47
source/css/pages/_journals.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
49
source/css/pages/_links.scss
Normal file
49
source/css/pages/_links.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
60
source/css/pages/_post.scss
Normal file
60
source/css/pages/_post.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
97
source/css/pages/_tag.scss
Normal file
97
source/css/pages/_tag.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
44
source/css/pages/layout/_comment.scss
Normal file
44
source/css/pages/layout/_comment.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
30
source/css/pages/layout/_footer.scss
Normal file
30
source/css/pages/layout/_footer.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
90
source/css/pages/layout/_header.scss
Normal file
90
source/css/pages/layout/_header.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
24
source/css/pages/layout/_pagenav.scss
Normal file
24
source/css/pages/layout/_pagenav.scss
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
1
source/css/redemption.css.map
Normal file
1
source/css/redemption.css.map
Normal file
@ -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":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EAGA;;;AAEJ;EACI;EAGA;;;ACdF;EACE;EACA;;AAGF;EACE;EACA;EAEA;;ACAI;EDIF;;ACAE;EACI;IDDN;;;AAKF;EAEE;;ACXE;EDeA;;ACXA;EACI;IDUJ;;;;AAOR;EAEE;EACA;;ACzBM;ED6BJ;EACA;;AC1BI;EACI;IDwBR;IACA;;;;AAKJ;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;ACrDM;EDyDJ;EACA;;ACtDI;EACI;IDoDR;IACA;;;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;EACA;;;AAGF;EACI;EACA;EACA;;;AAGJ;EACE;;;AAGF;AAEA;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAKR;AElJA;EACI;EACA;EAEA;EACA;EAEA;EACA;EACA;;AAGA;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EAGI;;AAEA;EACI;;ADhBZ;ECqBY;;AAEA;EACI;;ADpBhB;EACI;ICgBQ;;EAEA;IACI;;;AASpB;EACI;EACA;EACA;EAEA;EAGA;;ADzCA;EC6CI;;ADzCJ;EACI;ICwCA;;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;EAIA;;AAEA;EACI;;AD9DZ;ECmEY;;AAEA;EACI;;ADlEhB;EACI;IC8DQ;;EAEA;IACI;;;;AChFxB;EACI;;AAEA;EACI;;AAEA;EACI;EAGA;;AACA;EACI;;AFFR;EEOQ;;AAEA;EACI;;AFNZ;EACI;IEEI;;EAEA;IACI;;;;ACtBpB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AHCJ;EGGI;;AAEA;EACI;;AHFR;EACI;IGFA;;EAEA;IACI;;;;AClBhB;EACI;EACA;EACA;EACA;EACA;;AJOI;EIJA;EACA;;AJOA;EACI;IITJ;IACA;;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EAEA;;AJTI;EIYA;;AJRA;EACI;IIOJ;;;AAGJ;EACI;;AAEA;EACI;;AJnBJ;EIuBI;;AAEA;EACI;;AJtBR;EACI;IIkBA;;EAEA;IACI;;;;AClCZ;EACI;;AAEA;EACI;EACA;EACA;EACA;EAEA;;ALDJ;EKIQ;;ALAR;EACI;IKDI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AACA;EACI;;ALnBZ;EKuBY;;AACA;EACI;;ALrBhB;EACI;IKkBQ;;EACA;IACI;;;AAIZ;EACI;;AL9BR;EKgCY;;AL5BZ;EACI;IK2BQ;;;;ACzChB;EACI;;AAEA;EACI;EACA;EACA;EACA;EAEA;;ANAJ;EMIQ;;ANAR;EACI;IMDI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAEA;EACI;;ANpBZ;EMyBY;;AAEA;EACI;;ANxBhB;EACI;IMoBQ;;EAEA;IACI;;;AAIZ;EACI;;ANjCR;EMmCY;;AN/BZ;EACI;IM8BQ;;;;AAQpB;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAEI;;AAEA;EACI;;AN/DZ;EMoEY;;AAEA;EACI;;ANnEhB;EACI;IM+DQ;;EAEA;IACI;;;AAIR;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;;;AC5FJ;EACI;EACA;EACA;EAEA;;AAEA;EACI;;APFR;EOOQ;;AAEA;EACI;;APNZ;EACI;IOEI;;EAEA;IACI;;;AAOhB;EACI;EACA;EAGA;;APtBA;EO0BI;;APtBJ;EACI;IOqBA;;;AAKR;EACI;EACA;EACA;EACA;EACA;EAGA;;APvCA;EO2CI;;APvCJ;EACI;IOsCA;;;AAGJ;AAAA;EAEI;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;APvDR;AAAA;EO0DY;;APtDZ;EACI;AAAA;IOqDQ;;;AAIR;AAAA;EACI;EACA;;AAEA;AAAA;EACI;;APnEZ;AAAA;EOuEY;;AAEA;AAAA;EACI;;APtEhB;EACI;AAAA;IOkEQ;;EAEA;AAAA;IACI;;;;ACnFpB;EACI;EACA;EACA;EACA;EAEA;;ARGA;EQCI;;ARGJ;EACI;IQJA;;;AAKJ;EACI;;AAEA;EACI;EACA;EAEA;;ARbR;EQiBY;;ARbZ;EACI;IQYQ;;;AAIR;EACI;EACA;EACA;EACA;;ARzBR;EQ4BY;;ARxBZ;EACI;IQuBQ;;;;ACrChB;EACI;;AAEA;EACI;EACA;EACA;EACA;EAGA;;ATDJ;ESKQ;;ATDR;EACI;ISAI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAEA;EACI;;ATrBZ;ES0BY;;AAEA;EACI;;ATzBhB;EACI;ISqBQ;;EAEA;IACI;;;;ACtCpB;EACI;;AAGI;EACI;EACA;EACA;EACA;;AVCR;EUEY;;AVEZ;EACI;IUHQ;;;AAGJ;EACI;;AVNZ;EUSgB;;AVLhB;EACI;IUIY;;;AAMhB;EACI;EACA;EACA;;AVlBJ;EUqBQ;;AVjBR;EACI;IUgBI;;;AAGJ;EACI;EACA;EACA;EACA;;AV5BR;EU+BY;;AV3BZ;EACI;IU0BQ;;;AAGJ;EACI;EACA;EACA;;AVrCZ;EUwCgB;;AVpChB;EACI;IUmCY;;;;ACjDpB;EACI;;AAEA;EACI;EACA;EACA;EACA;EAEA;;AXAJ;EWIQ;;AXAR;EACI;IWDI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAEA;EACI;;AXpBZ;EWyBY;;AAEA;EACI;;AXxBhB;EACI;IWoBQ;;EAEA;IACI;;;;AASxB;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAEI;;AAEA;EACI;;AXzDZ;EW8DY;;AAEA;EACI;;AX7DhB;EACI;IWyDQ;;EAEA;IACI;;;AAIR;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA","file":"redemption.css"}
|
||||||
Reference in New Issue
Block a user