From 6fb186711090cb48aca66bcc49ec692838564753 Mon Sep 17 00:00:00 2001 From: microacup Date: Wed, 18 Sep 2019 11:35:41 +0800 Subject: [PATCH] change font 16 --- source/css/microb.css | 2 +- source/css/microb.css.map | 2 +- source/css/variables.less | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/source/css/microb.css b/source/css/microb.css index ef0cdb9..6a16cee 100644 --- a/source/css/microb.css +++ b/source/css/microb.css @@ -158,7 +158,7 @@ iframe { } html, body { - font-size: 18px; + font-size: 16px; font-family: "Fira Code", "Source Han Serif SC", "SimSun", "Microsoft Yahei", "Helvetica Neue", "PingFang SC", sans-serif; } body { diff --git a/source/css/microb.css.map b/source/css/microb.css.map index b19c852..1c10fdd 100644 --- a/source/css/microb.css.map +++ b/source/css/microb.css.map @@ -1 +1 @@ -{"version":3,"sources":["core.less","../../","mixin.less","common.less","highlight.less"],"names":[],"mappings":"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AA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,qBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,iBAAA;CH2sBH;AGzsBC;EACE,oBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,aAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,qBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,uBAAA;CH2sBH;AGzsBC;EACE,0BAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,qBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,iBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH","file":"microb.css","sourcesContent":[".text-center {\r\n text-align: center !important;\r\n}\r\n\r\n* {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n\r\n*:before,\r\n*:after {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n\r\nblockquote,\r\nbody,\r\nfieldset,\r\nfigure,\r\nmenu,\r\npre,\r\nol,\r\nul,\r\ndd,\r\ndl {\r\n margin: 0;\r\n padding: 0;\r\n word-wrap: break-word;\r\n}\r\n\r\nol,\r\nul,\r\ndd,\r\ndl {\r\n padding-left: 2rem;\r\n}\r\n\r\nh1 {\r\n font-size: 1.5rem;\r\n}\r\n\r\nh2 {\r\n font-size: 1.5rem;\r\n}\r\n\r\nh3 {\r\n font-size: 1.25rem;\r\n}\r\n\r\nh4,\r\nh5,\r\nh6 {\r\n font-size: 1rem;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin: 0.5rem 0;\r\n line-height: 1.5rem;\r\n font-weight: 500;\r\n}\r\n\r\nb, optgroup, strong {\r\n font-weight: 600;\r\n}\r\n\r\na {\r\n color: inherit;\r\n}\r\n\r\np {\r\n margin: 0.75rem 0;\r\n}\r\n\r\na:link,\r\na:visited,\r\na:hover,\r\na:active {\r\n outline: none;\r\n text-decoration: none;\r\n}\r\n\r\n.pr {\r\n position: absolute !important;\r\n right: 0;\r\n}\r\n\r\n.float-r {\r\n float: right;\r\n}\r\n\r\nem {\r\n color: #FF5722;\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n\r\nfooter {\r\n background-color: #fff;\r\n border-top: 1px solid #eee;\r\n padding-bottom: 1.5rem!important;\r\n padding-top: 1.5rem!important;\r\n margin-top: 1rem!important;\r\n color: @gray;\r\n font-size: 12px;\r\n position: relative;\r\n z-index: 1024;\r\n}\r\n\r\niframe {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.clearfix:before,\r\n.clearfix:after {\r\n content: \" \";\r\n display: table;\r\n}\r\n\r\n.clearfix:after {\r\n clear: both;\r\n}\r\n\r\n\r\n/* 设置滚动条的样式 */\r\n\r\n::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n}\r\n\r\n\r\n/* 滚动槽 */\r\n\r\n::-webkit-scrollbar-track {\r\n border-radius: 4px;\r\n}\r\n\r\n\r\n/* 滚动条滑块 */\r\n\r\n::-webkit-scrollbar-thumb {\r\n background-color: rgba(0, 0, 0, .1);\r\n border-radius: 4px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background-color: rgba(0, 0, 0, .3);\r\n}",".text-center {\n text-align: center !important;\n}\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n*:before,\n*:after {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\nblockquote,\nbody,\nfieldset,\nfigure,\nmenu,\npre,\nol,\nul,\ndd,\ndl {\n margin: 0;\n padding: 0;\n word-wrap: break-word;\n}\nol,\nul,\ndd,\ndl {\n padding-left: 2rem;\n}\nh1 {\n font-size: 1.5rem;\n}\nh2 {\n font-size: 1.5rem;\n}\nh3 {\n font-size: 1.25rem;\n}\nh4,\nh5,\nh6 {\n font-size: 1rem;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0.5rem 0;\n line-height: 1.5rem;\n font-weight: 500;\n}\nb,\noptgroup,\nstrong {\n font-weight: 600;\n}\na {\n color: inherit;\n}\np {\n margin: 0.75rem 0;\n}\na:link,\na:visited,\na:hover,\na:active {\n outline: none;\n text-decoration: none;\n}\n.pr {\n position: absolute !important;\n right: 0;\n}\n.float-r {\n float: right;\n}\nem {\n color: #FF5722;\n font-weight: bold;\n font-style: normal;\n}\nfooter {\n background-color: #fff;\n border-top: 1px solid #eee;\n padding-bottom: 1.5rem!important;\n padding-top: 1.5rem!important;\n margin-top: 1rem!important;\n color: #555;\n font-size: 12px;\n position: relative;\n z-index: 1024;\n}\niframe {\n width: 100%;\n height: 100%;\n}\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n display: table;\n}\n.clearfix:after {\n clear: both;\n}\n/* 设置滚动条的样式 */\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n/* 滚动槽 */\n::-webkit-scrollbar-track {\n border-radius: 4px;\n}\n/* 滚动条滑块 */\n::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n}\n::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.tag-button {\n font-size: 12px;\n line-height: 30px;\n display: inline-block;\n height: 30px;\n margin: 5px;\n color: #555;\n border-radius: 15px;\n background: #f6f6f6;\n min-width: 50px;\n text-align: center;\n padding: 0 10px;\n}\n.tag-button a {\n padding: 0 12px;\n color: #555;\n display: inline-block;\n}\n.tag-button:hover {\n color: #555;\n background: #efefef;\n}\n.post-page {\n background-color: #fff;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 10px;\n position: relative;\n}\n@media screen and (min-width: 576px) {\n .post-page {\n padding: 0 60px;\n }\n}\nhtml,\nbody {\n font-size: 18px;\n font-family: \"Fira Code\", \"Source Han Serif SC\", \"SimSun\", \"Microsoft Yahei\", \"Helvetica Neue\", \"PingFang SC\", sans-serif;\n}\nbody {\n color: #202020;\n line-height: 1.8rem;\n margin: 0;\n}\n.left {\n text-align: left;\n}\n.right {\n text-align: right;\n}\n.home-menu {\n background: transparent;\n height: 50px;\n padding: 5px 20px;\n display: none;\n}\n@media screen {\n .home-menu {\n display: block;\n }\n}\n@media screen and (max-width: 1020px) {\n .home-menu {\n background: white;\n padding: 5px;\n }\n}\n.home-menu .pure-menu-heading {\n padding: 0;\n position: relative;\n}\n.home-menu img {\n display: inline-block;\n vertical-align: middle;\n}\n.home-menu .title {\n color: #202020;\n margin: 0 5px;\n display: inline-block;\n vertical-align: middle;\n font-family: \"思源宋体\", \"宋体\", \"黑体\";\n font-weight: 700;\n font-size: 25px;\n line-height: 40px;\n}\n.home-menu .logo {\n cursor: pointer;\n position: absolute;\n left: 50%;\n top: 8px;\n margin-left: -16px;\n width: 32px;\n height: 32px;\n padding: 5px;\n}\n@media screen and (max-width: 1280px) {\n .home-menu .logo {\n left: auto;\n right: 10px;\n }\n}\n.home-menu .pure-menu-list .toc-menu {\n display: none;\n}\n@media screen and (min-width: 1280px) {\n .home-menu .pure-menu-list .toc-menu {\n display: initial;\n }\n}\n.home-menu .pure-menu-list .menu-icon {\n width: 18px;\n height: 18px;\n}\n.home-menu .pure-menu-list .pure-menu-children {\n border: 1px solid #999;\n}\n.home-menu .pure-menu-list .pure-menu-link {\n padding: 4px 15px;\n color: inherit;\n}\n.home-menu .pure-menu-list .pure-menu-link:after {\n content: \"\";\n display: inline;\n vertical-align: middle;\n}\n.home-menu .pure-menu-list .pure-menu-link:focus {\n background-color: #fff;\n}\n.home-menu .pure-menu-list .pure-menu-item.actived {\n color: #2196f3;\n}\n.container {\n padding-top: 60px;\n margin: 0 auto;\n max-width: 1000px;\n min-height: calc(100vh - 120px);\n}\n@media screen and (min-width: 1280px) {\n .container {\n max-width: 1200px;\n }\n}\n.recent-posts {\n margin: 0 auto;\n max-width: 800px;\n}\n.recent-posts .recent-post-item {\n margin: 10px;\n padding: 10px 0;\n border-top: none;\n}\n.recent-posts .recent-post-item .post-title {\n position: relative;\n}\n.recent-posts .recent-post-item .post-excerpt {\n color: #999;\n}\n@media screen and (max-width: 576px) {\n .recent-posts .recent-post-item .post-excerpt {\n display: none;\n }\n}\n.recent-posts .recent-post-item .post-footer {\n font-size: 14px;\n position: relative;\n padding-right: 60px;\n min-height: 30px;\n}\n.recent-posts .recent-post-item .post-footer a {\n font-weight: 300;\n display: block;\n padding: 2px 6px;\n line-height: 1rem;\n}\n.recent-posts .recent-post-item .title {\n line-height: 1.8rem;\n display: block;\n padding-right: 64px;\n}\n.recent-posts .recent-post-item .title h2 {\n font-size: 1.2rem;\n font-weight: 300;\n}\n@media screen and (max-width: 576px) {\n .recent-posts .recent-post-item .title h2 {\n font-size: 1rem;\n }\n}\n.recent-posts .recent-post-item .title:hover {\n color: #2196f3;\n}\n.recent-posts .recent-post-item .index-tag-list {\n display: inline;\n padding: 0;\n}\n.recent-posts .recent-post-item .index-tag-list .index-tag-list-item {\n margin-right: 5px;\n color: #999;\n border-radius: 2px;\n display: inline-block;\n list-style: none;\n border: 1px solid rgba(0, 0, 0, 0.06);\n}\n.recent-posts .recent-post-item .index-tag-list .index-tag-list-item:hover {\n background-color: #efefef;\n}\n.recent-posts .recent-post-item .time {\n top: 0;\n font-size: 14px;\n color: #999;\n}\n.page-nav {\n margin: 12px 0 0;\n padding: 10px 0 10px;\n}\n.page-nav .page-number {\n border-bottom: 1px solid #eee;\n display: inline-block;\n position: relative;\n top: -1px;\n margin: 0 10px;\n padding: 0 11px;\n}\n.page-nav .page-number:hover {\n border-bottom-color: #222;\n}\n.page-nav .page-number.current {\n color: #fff;\n background: #ccc;\n border-top-color: #ccc;\n}\n.post {\n background-color: #fff;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 10px;\n position: relative;\n}\n@media screen and (min-width: 576px) {\n .post {\n padding: 0 60px;\n }\n}\n.post .post-header {\n margin: 10px 0 20px;\n}\n.post .post-header .title {\n margin: 1rem;\n line-height: 2rem;\n}\n.post .post-header .time {\n color: #999;\n font-size: 14px;\n}\n.post hr {\n width: 10%;\n}\n.post blockquote {\n padding: 1rem;\n margin: 1rem 0;\n padding-left: 20px;\n border: 1px solid #eee;\n border-left: 4px solid #ccc;\n color: #555;\n}\n.post blockquote p {\n margin: 0;\n}\n.post table {\n max-width: 100%;\n}\n.post img {\n text-align: center;\n margin: 0 auto;\n display: block;\n max-width: 100%;\n max-height: 1024px;\n}\n.post .post-content h2,\n.post .post-content h3,\n.post .post-content h4,\n.post .post-content h5,\n.post .post-content h6 {\n padding-top: 70px;\n margin-top: -56px;\n}\n.post .post-content table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 21px;\n border: 1px solid #ddd;\n}\n.post .post-content table tr {\n border-top: 1px solid #cccccc;\n background-color: white;\n margin: 0;\n padding: 0;\n}\n.post .post-content table tr:nth-child(2n) {\n background-color: #f8f8f8;\n}\n.post .post-content table th {\n font-weight: bold;\n border: 1px solid #cccccc;\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n background-color: #f6f8fa;\n}\n.post .post-content table td {\n border: 1px solid #cccccc;\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n}\n.post .post-content table th:first-child,\n.post .post-content table td:first-child {\n margin-top: 0;\n}\n.post .post-content table th:last-child,\n.post .post-content table td:last-child {\n margin-bottom: 0;\n}\n.post .post-content .note {\n position: relative;\n padding: 15px;\n margin-bottom: 20px;\n border: 1px solid #eee;\n border-left-width: 5px;\n}\n.post .post-content .note p {\n margin: 0;\n}\n.post .post-content .note.primary {\n border-left-color: #6f42c1;\n}\n.post .post-content .note.info {\n border-left-color: #428bca;\n}\n.post .post-content .note.success {\n border-left-color: #5cb85c;\n}\n.post .post-content .note.warning {\n border-left-color: #f0ad4e;\n}\n.post .post-content .note.danger {\n border-left-color: #d9534f;\n}\n.post .post-content a {\n color: #2196f3;\n}\n.post .post-tags {\n text-align: center;\n margin: 20px 0;\n}\n.post .post-tags .article-tag-list-item {\n font-size: 12px;\n line-height: 30px;\n display: inline-block;\n height: 30px;\n margin: 5px;\n color: #555;\n border-radius: 15px;\n background: #f6f6f6;\n min-width: 50px;\n text-align: center;\n padding: 0 10px;\n}\n.post .post-tags .article-tag-list-item a {\n padding: 0 12px;\n color: #555;\n display: inline-block;\n}\n.post .post-tags .article-tag-list-item:hover {\n color: #555;\n background: #efefef;\n}\n.page {\n max-width: 920px;\n border: none;\n box-shadow: none;\n}\n.page hr {\n width: 10%;\n}\n.page li {\n padding: 0.25rem 0;\n}\n.page .tag-list .tag-list-item {\n font-size: 12px;\n line-height: 30px;\n display: inline-block;\n height: 30px;\n margin: 5px;\n color: #555;\n border-radius: 15px;\n background: #f6f6f6;\n min-width: 50px;\n text-align: center;\n padding: 0 10px;\n}\n.page .tag-list .tag-list-item a {\n padding: 0 12px;\n color: #555;\n display: inline-block;\n}\n.page .tag-list .tag-list-item:hover {\n color: #555;\n background: #efefef;\n}\n.page .tag-list .tag-list-item .tag-list-link {\n font-weight: 500;\n margin-right: 5px;\n}\n.tag-page {\n background-color: #fff;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 10px;\n position: relative;\n border: none !important;\n box-shadow: none !important;\n}\n@media screen and (min-width: 576px) {\n .tag-page {\n padding: 0 60px;\n }\n}\n.tag-page .tag-item {\n padding: 0.5rem 0;\n}\n.tag-page .tag-item time {\n color: #999;\n font-size: 12px;\n float: right;\n}\n@media screen and (max-width: 576px) {\n .tag-page .tag-item time {\n display: block;\n float: none;\n }\n}\n.toc-article {\n display: none;\n}\n.post-nav {\n background-color: #fff;\n display: block;\n display: flex;\n font-size: 0;\n margin: 10px auto;\n max-width: 920px;\n padding: 0 60px;\n position: relative;\n}\n.post-nav .post-nav-item {\n display: inline-block;\n flex: 1;\n font-size: 14px;\n padding: 10px 0;\n position: relative;\n vertical-align: top;\n width: 49.5%;\n}\n.post-nav .post-nav-item a {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n}\n.post-nav .post-nav-prev {\n text-align: right;\n}\n@media screen and (max-width: 576px) {\n .post-nav {\n display: none;\n }\n}\n.toc-article {\n display: none;\n}\n@media screen and (min-width: 1280px) {\n .toc-article {\n max-height: calc(100vh - 80px);\n position: fixed;\n top: 60px;\n font-size: 13px;\n width: 200px;\n padding: 10px;\n margin-left: 1050px;\n overflow-y: auto;\n border-radius: 4px;\n color: white;\n background-color: #555;\n }\n}\n.toc-article ol,\n.toc-article ul {\n list-style: none;\n padding-left: 0;\n}\n.toc-article ol ol,\n.toc-article ul ol,\n.toc-article ol ul,\n.toc-article ul ul {\n padding-left: 1rem;\n}\n.disqus-comments {\n background-color: #fff;\n display: block;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 15px;\n}\n.search-content .pure-input {\n border-radius: 2px !important;\n}\n.search-content .pure-input:focus {\n border-color: #202020 !important;\n}\n.search-content .search-result {\n color: #999;\n}\n.search-result-list {\n margin-top: 10px;\n}\n.search-result-list a.search-result-title {\n color: #202020;\n font-weight: normal;\n font-size: 1.2rem;\n}\n.search-result-list .search-keyword {\n color: #ff5722;\n font-weight: bold;\n}\n.archives .archive-year-wrap {\n font-size: 1.5rem;\n line-height: 1.5rem;\n}\n@media screen and (min-width: 476px) {\n .archives .archive-year-wrap {\n margin-left: -1rem;\n }\n}\n.archives .archive {\n border-left: 2px solid #ccc;\n position: relative;\n padding: 0.5rem 0;\n padding-left: 1rem !important;\n}\n.archives .archive:before {\n position: absolute;\n top: 1rem;\n left: -7px;\n z-index: 1;\n display: block;\n content: \"\";\n background-color: #999;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 2px solid #fff;\n}\n.archives .archive .title {\n margin: 0;\n font-weight: normal;\n}\n.archives .archive .date {\n color: #666;\n font-family: \"Montserrat\", sans-serif;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: 300;\n letter-spacing: 2px;\n}\n@media screen and (min-width: 476px) {\n .archives .archive .date {\n position: absolute;\n right: 0;\n top: 0.5em;\n }\n}\n.footer .footer-link:after {\n content: \"|\";\n display: inline;\n margin: 0 5px;\n}\n.footer .footer-link:last-child:after {\n display: none;\n}\n.photos .photo {\n margin-bottom: 12px;\n}\n.video-container {\n width: 100%;\n height: 400px;\n}\npre,\ncode {\n font-family: \"Fira Code\", \"Noto Mono\", \"Source Code Pro\", \"courier new\", \"微软雅黑\", \"Input Mono\", \"PT Mono\", Consolas, Monaco, Menlo, monospace;\n font-weight: normal;\n}\ncode {\n padding: 2px;\n border-radius: 2px;\n color: #fb7299;\n}\npre {\n padding: 10px;\n}\npre code {\n padding: 10px;\n}\n.highlight {\n display: block;\n overflow-x: auto;\n color: #555;\n font-size: 14px;\n border-radius: 2px;\n box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);\n background-color: #f3f5f6;\n overflow-y: hidden;\n margin: 20px 0;\n position: relative;\n}\n.highlight table {\n margin: 0 !important;\n border: none !important;\n position: relative;\n}\n.highlight table tr {\n border: none !important;\n}\n.highlight table td {\n border: none !important;\n padding: 0 !important;\n}\n.highlight table:after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 0 6px;\n font-size: 12px;\n font-weight: 500;\n background: #e6e9ea;\n content: \"Code\";\n color: #708090;\n height: 28px;\n}\n.highlight pre,\n.highlight code {\n background-color: #f3f5f6;\n}\n.highlight .line {\n height: 20px;\n line-height: 20px;\n}\n.highlight .gutter pre {\n padding: 10px;\n color: #869194;\n background-color: #eff2f3;\n text-align: center;\n overflow: hidden;\n}\n.highlight .code {\n font-size: 14px;\n}\n.highlight .code pre {\n padding: 38px 10px 10px;\n}\n.highlight .comment,\n.highlight .meta {\n color: #b3b3b3;\n}\n.highlight .string,\n.highlight .value,\n.highlight .variable,\n.highlight .template-variable,\n.highlight .strong,\n.highlight .emphasis,\n.highlight .quote,\n.highlight .inheritance,\n.highlight .ruby .symbol,\n.highlight .xml .cdata {\n color: #1abc9c;\n}\n.highlight .keyword,\n.highlight .selector-tag,\n.highlight .type,\n.highlight .javascript .function {\n color: #e96900;\n}\n.highlight .preprocessor,\n.highlight .built_in,\n.highlight .params,\n.highlight .constant,\n.highlight .symbol,\n.highlight .bullet,\n.highlight .attribute,\n.highlight .css .hexcolor {\n color: #1abc9c;\n}\n.highlight .number,\n.highlight .literal {\n color: #ae81ff;\n}\n.highlight .section,\n.highlight .header,\n.highlight .name,\n.highlight .function,\n.highlight .python .decorator,\n.highlight .python .title,\n.highlight .ruby .function .title,\n.highlight .ruby .title .keyword,\n.highlight .perl .sub,\n.highlight .javascript .title,\n.highlight .coffeescript .title {\n color: #525252;\n}\n.highlight .tag,\n.highlight .regexp {\n color: #2973b7;\n}\n.highlight .title,\n.highlight .attr,\n.highlight .selector-id,\n.highlight .selector-class,\n.highlight .selector-attr,\n.highlight .selector-pseudo,\n.highlight .ruby .constant,\n.highlight .xml .tag .title,\n.highlight .xml .pi,\n.highlight .xml .doctype,\n.highlight .html .doctype,\n.highlight .css .id,\n.highlight .css .pseudo,\n.highlight .class,\n.highlight .ruby .class .title {\n color: #2973b7;\n}\n.highlight .css .code .attribute {\n color: #e96900;\n}\n.highlight .css .class {\n color: #525252;\n}\n.highlight .tag .attribute {\n color: #e96900;\n}\n.highlight .addition {\n color: #55a532;\n background-color: #eaffea;\n}\n.highlight .deletion {\n color: #bd2c00;\n background-color: #ffecec;\n}\n.highlight .link {\n text-decoration: underline;\n}\n.highlight .function .keyword {\n color: #0092db;\n}\n.highlight .function .params {\n color: #808080;\n}\n.highlight .function .title {\n color: #525252;\n font-weight: 500;\n}\n.highlight.html > table::after {\n content: \"HTML\";\n}\n.highlight.html > figcaption > span::after {\n content: \" · HTML\";\n}\n.highlight.html figcaption + table::after {\n display: none;\n}\n.highlight.javascript > table::after {\n content: \"JavaScript\";\n}\n.highlight.javascript > figcaption > span::after {\n content: \" · JavaScript\";\n}\n.highlight.javascript figcaption + table::after {\n display: none;\n}\n.highlight.bash > table::after {\n content: \"Bash\";\n}\n.highlight.bash > figcaption > span::after {\n content: \" · Bash\";\n}\n.highlight.bash figcaption + table::after {\n display: none;\n}\n.highlight.css > table::after {\n content: \"CSS\";\n}\n.highlight.css > figcaption > span::after {\n content: \" · CSS\";\n}\n.highlight.css figcaption + table::after {\n display: none;\n}\n.highlight.scss > table::after {\n content: \"Scss\";\n}\n.highlight.scss > figcaption > span::after {\n content: \" · Scss\";\n}\n.highlight.scss figcaption + table::after {\n display: none;\n}\n.highlight.java > table::after {\n content: \"Java\";\n}\n.highlight.java > figcaption > span::after {\n content: \" · Java\";\n}\n.highlight.java figcaption + table::after {\n display: none;\n}\n.highlight.xml > table::after {\n content: \"XML\";\n}\n.highlight.xml > figcaption > span::after {\n content: \" · XML\";\n}\n.highlight.xml figcaption + table::after {\n display: none;\n}\n.highlight.python > table::after {\n content: \"Python\";\n}\n.highlight.python > figcaption > span::after {\n content: \" · Python\";\n}\n.highlight.python figcaption + table::after {\n display: none;\n}\n.highlight.javascripton > table::after {\n content: \"JSON\";\n}\n.highlight.javascripton > figcaption > span::after {\n content: \" · JSON\";\n}\n.highlight.javascripton figcaption + table::after {\n display: none;\n}\n.highlight.swift > table::after {\n content: \"Swift\";\n}\n.highlight.swift > figcaption > span::after {\n content: \" · Swift\";\n}\n.highlight.swift figcaption + table::after {\n display: none;\n}\n.highlight.ruby > table::after {\n content: \"Ruby\";\n}\n.highlight.ruby > figcaption > span::after {\n content: \" · Ruby\";\n}\n.highlight.ruby figcaption + table::after {\n display: none;\n}\n.highlight.php > table::after {\n content: \"PHP\";\n}\n.highlight.php > figcaption > span::after {\n content: \" · PHP\";\n}\n.highlight.php figcaption + table::after {\n display: none;\n}\n.highlight.c > table::after {\n content: \"C\";\n}\n.highlight.c > figcaption > span::after {\n content: \" · C\";\n}\n.highlight.c figcaption + table::after {\n display: none;\n}\n.highlight.cpp > table::after {\n content: \"C++\";\n}\n.highlight.cpp > figcaption > span::after {\n content: \" · C++\";\n}\n.highlight.cpp figcaption + table::after {\n display: none;\n}\n.highlight.scheme > table::after {\n content: \"Scheme\";\n}\n.highlight.scheme > figcaption > span::after {\n content: \" · Scheme\";\n}\n.highlight.scheme figcaption + table::after {\n display: none;\n}\n.highlight.objectivec > table::after {\n content: \"Objective-C\";\n}\n.highlight.objectivec > figcaption > span::after {\n content: \" · Objective-C\";\n}\n.highlight.objectivec figcaption + table::after {\n display: none;\n}\n.highlight.yml > table::after {\n content: \"YAML\";\n}\n.highlight.yml > figcaption > span::after {\n content: \" · YAML\";\n}\n.highlight.yml figcaption + table::after {\n display: none;\n}\n.highlight.stylus > table::after {\n content: \"Stylus\";\n}\n.highlight.stylus > figcaption > span::after {\n content: \" · Stylus\";\n}\n.highlight.stylus figcaption + table::after {\n display: none;\n}\n.highlight.sql > table::after {\n content: \"SQL\";\n}\n.highlight.sql > figcaption > span::after {\n content: \" · SQL\";\n}\n.highlight.sql figcaption + table::after {\n display: none;\n}\n.highlight.http > table::after {\n content: \"HTTP\";\n}\n.highlight.http > figcaption > span::after {\n content: \" · HTTP\";\n}\n.highlight.http figcaption + table::after {\n display: none;\n}\n.highlight.go > table::after {\n content: \"Go\";\n}\n.highlight.go > figcaption > span::after {\n content: \" · Go\";\n}\n.highlight.go figcaption + table::after {\n display: none;\n}\n",".tag-button {\r\n font-size: 12px;\r\n line-height: 30px;\r\n display: inline-block;\r\n height: 30px;\r\n margin: 5px;\r\n color: @gray;\r\n border-radius: 15px;\r\n background: @bg-gray;\r\n min-width: 50px;\r\n text-align: center;\r\n padding: 0 10px;\r\n\r\n a {\r\n padding: 0 12px;\r\n color: @gray;\r\n display: inline-block;\r\n }\r\n &:hover {\r\n color: @gray;\r\n background: @bg-gray-hover;\r\n }\r\n}\r\n.post-page {\r\n background-color: #fff;\r\n margin: 0 auto;\r\n max-width: @post-width;\r\n padding: 0 10px;\r\n position: relative;\r\n @media screen and (min-width: @sm-width) {\r\n padding: 0 60px;\r\n }\r\n // @media screen and (min-width: @post-width) {\r\n // border: 1px solid @border-dark-gray;\r\n // border-top: none;\r\n // box-shadow: 0 2px 3px rgba(32, 32, 32, .05);\r\n // }\r\n}","html,\r\nbody {\r\n font-size: @font-size;\r\n font-family: \"Fira Code\", \"Source Han Serif SC\", \"SimSun\", \"Microsoft Yahei\",\r\n \"Helvetica Neue\", \"PingFang SC\", sans-serif;\r\n}\r\nbody {\r\n color: @m-black;\r\n line-height: 1.8rem;\r\n margin: 0;\r\n}\r\n.left {\r\n text-align: left;\r\n}\r\n.right {\r\n text-align: right;\r\n}\r\n\r\n.home-menu {\r\n background: transparent;\r\n height: @nav-height;\r\n padding: @nav-padding;\r\n display: none;\r\n @media screen {\r\n display: block;\r\n }\r\n @media screen and (max-width: @md-width) {\r\n background: white;\r\n padding: @nav-small-padding;\r\n }\r\n .pure-menu-heading {\r\n padding: 0;\r\n position: relative;\r\n }\r\n img {\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title {\r\n color: @m-black;\r\n margin: 0 5px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-family: \"思源宋体\", \"宋体\", \"黑体\";\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 40px;\r\n }\r\n .logo {\r\n cursor: pointer;\r\n position: absolute;\r\n left: 50%;\r\n top: @logo-top;\r\n margin-left: -16px;\r\n width: 32px;\r\n height: 32px;\r\n padding: 5px;\r\n @media screen and (max-width: @xl-width) {\r\n left: auto;\r\n right: 10px;\r\n }\r\n }\r\n .pure-menu-list {\r\n .toc-menu {\r\n display: none;\r\n @media screen and (min-width: @xl-width) {\r\n display: initial;\r\n }\r\n }\r\n .menu-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n .pure-menu-children {\r\n border: 1px solid @gray-light;\r\n }\r\n .pure-menu-link {\r\n padding: 4px 15px;\r\n color: inherit;\r\n &:after {\r\n content: \"\";\r\n display: inline;\r\n vertical-align: middle;\r\n }\r\n &:focus {\r\n background-color: #fff;\r\n }\r\n }\r\n .pure-menu-item.actived {\r\n color: @light-blue;\r\n }\r\n }\r\n}\r\n\r\n.container {\r\n padding-top: @padding-top;\r\n margin: 0 auto;\r\n max-width: 1000px;\r\n min-height: calc(~\"100vh - 120px\");\r\n\r\n @media screen and (min-width: @xl-width) {\r\n max-width: 1200px;\r\n }\r\n}\r\n\r\n.recent-posts {\r\n margin: 0 auto;\r\n max-width: @index-width;\r\n .recent-post-item {\r\n margin: 10px;\r\n padding: 10px 0;\r\n border-top: none;\r\n .post-title {\r\n position: relative;\r\n }\r\n\r\n .post-excerpt {\r\n color: @gray-light;\r\n @media screen and (max-width: @sm-width) {\r\n display: none;\r\n }\r\n }\r\n .post-footer {\r\n font-size: 14px;\r\n position: relative;\r\n padding-right: 60px;\r\n min-height: 30px;\r\n a {\r\n font-weight: 300;\r\n display: block;\r\n padding: 2px 6px;\r\n line-height: 1rem;\r\n }\r\n }\r\n .title {\r\n line-height: 1.8rem;\r\n display: block;\r\n padding-right: 64px;\r\n h2 {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n @media screen and (max-width: @sm-width) {\r\n font-size: 1rem;\r\n }\r\n }\r\n &:hover {\r\n color: @light-blue;\r\n }\r\n }\r\n .index-tag-list {\r\n display: inline;\r\n padding: 0;\r\n .index-tag-list-item {\r\n margin-right: 5px;\r\n color: @gray-light;\r\n border-radius: 2px;\r\n display: inline-block;\r\n list-style: none;\r\n border: 1px solid rgba(0, 0, 0, 0.06);\r\n &:hover {\r\n background-color: @bg-gray-hover;\r\n }\r\n }\r\n }\r\n .time {\r\n top: 0;\r\n font-size: 14px;\r\n color: @gray-light;\r\n }\r\n }\r\n}\r\n\r\n.page-nav {\r\n margin: 12px 0 0;\r\n padding: 10px 0 10px;\r\n .page-number {\r\n border-bottom: 1px solid #eee;\r\n display: inline-block;\r\n position: relative;\r\n top: -1px;\r\n margin: 0 10px;\r\n padding: 0 11px;\r\n &:hover {\r\n border-bottom-color: #222;\r\n }\r\n &.current {\r\n color: #fff;\r\n background: #ccc;\r\n border-top-color: #ccc;\r\n }\r\n }\r\n}\r\n\r\n.post {\r\n .post-page;\r\n .post-header {\r\n margin: 10px 0 20px;\r\n .title {\r\n margin: 1rem;\r\n line-height: 2rem;\r\n }\r\n .time {\r\n color: @gray-light;\r\n font-size: 14px;\r\n }\r\n }\r\n hr {\r\n width: 10%;\r\n }\r\n blockquote {\r\n padding: 1rem;\r\n margin: 1rem 0;\r\n padding-left: 20px;\r\n border: 1px solid #eee;\r\n border-left: 4px solid #ccc;\r\n color: @gray;\r\n p {\r\n margin: 0;\r\n }\r\n }\r\n table {\r\n max-width: 100%;\r\n }\r\n img {\r\n text-align: center;\r\n margin: 0 auto;\r\n display: block;\r\n max-width: 100%;\r\n max-height: 1024px;\r\n }\r\n .post-content {\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n padding-top: 70px;\r\n margin-top: -56px;\r\n }\r\n table {\r\n width: 100%;\r\n max-width: 100%;\r\n margin-bottom: 21px;\r\n border: 1px solid #ddd;\r\n tr {\r\n border-top: 1px solid #cccccc;\r\n background-color: white;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n tr:nth-child(2n) {\r\n background-color: #f8f8f8;\r\n }\r\n th {\r\n font-weight: bold;\r\n border: 1px solid #cccccc;\r\n text-align: left;\r\n margin: 0;\r\n padding: 6px 13px;\r\n background-color: #f6f8fa;\r\n }\r\n td {\r\n border: 1px solid #cccccc;\r\n text-align: left;\r\n margin: 0;\r\n padding: 6px 13px;\r\n }\r\n th:first-child,\r\n td:first-child {\r\n margin-top: 0;\r\n }\r\n th:last-child,\r\n td:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n .note {\r\n position: relative;\r\n padding: 15px;\r\n margin-bottom: 20px;\r\n border: 1px solid #eee;\r\n border-left-width: 5px;\r\n p {\r\n margin: 0;\r\n }\r\n &.primary {\r\n border-left-color: #6f42c1;\r\n }\r\n &.info {\r\n border-left-color: #428bca;\r\n }\r\n &.success {\r\n border-left-color: #5cb85c;\r\n }\r\n &.warning {\r\n border-left-color: #f0ad4e;\r\n }\r\n &.danger {\r\n border-left-color: #d9534f;\r\n }\r\n }\r\n a {\r\n color: @light-blue;\r\n }\r\n }\r\n .post-tags {\r\n text-align: center;\r\n margin: 20px 0;\r\n .article-tag-list-item {\r\n .tag-button;\r\n }\r\n }\r\n}\r\n\r\n.page {\r\n max-width: @page-width;\r\n border: none;\r\n box-shadow: none;\r\n hr {\r\n width: 10%;\r\n }\r\n li {\r\n padding: 0.25rem 0;\r\n }\r\n .tag-list {\r\n .tag-list-item {\r\n .tag-button;\r\n .tag-list-link {\r\n font-weight: 500;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.tag-page {\r\n .post-page;\r\n border: none !important;\r\n box-shadow: none !important;\r\n .tag-item {\r\n padding: 0.5rem 0;\r\n time {\r\n color: @gray-light;\r\n font-size: 12px;\r\n float: right;\r\n @media screen and (max-width: @sm-width) {\r\n display: block;\r\n float: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.toc-article {\r\n display: none;\r\n}\r\n\r\n.post-nav {\r\n background-color: #fff;\r\n display: block;\r\n display: flex;\r\n font-size: 0;\r\n margin: 10px auto;\r\n max-width: @post-width;\r\n padding: 0 60px;\r\n position: relative;\r\n .post-nav-item {\r\n display: inline-block;\r\n flex: 1;\r\n font-size: 14px;\r\n padding: 10px 0;\r\n position: relative;\r\n vertical-align: top;\r\n width: 49.5%;\r\n\r\n a {\r\n display: inline-block;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n }\r\n }\r\n .post-nav-prev {\r\n text-align: right;\r\n }\r\n @media screen and (max-width: @sm-width) {\r\n display: none;\r\n }\r\n}\r\n\r\n.toc-article {\r\n display: none;\r\n @media screen and (min-width: @xl-width) {\r\n max-height: calc(~\"100vh - 80px\");\r\n position: fixed;\r\n top: 60px;\r\n font-size: 13px;\r\n width: 200px;\r\n padding: 10px;\r\n margin-left: 1050px;\r\n overflow-y: auto;\r\n border-radius: 4px;\r\n color: white;\r\n background-color: @bg-dark;\r\n }\r\n ol,\r\n ul {\r\n list-style: none;\r\n padding-left: 0;\r\n ol,\r\n ul {\r\n padding-left: 1rem;\r\n }\r\n }\r\n}\r\n\r\n.disqus-comments {\r\n background-color: #fff;\r\n display: block;\r\n margin: 0 auto;\r\n max-width: @post-width;\r\n padding: 0 15px;\r\n}\r\n\r\n.search-content {\r\n .pure-input {\r\n border-radius: 2px !important;\r\n &:focus {\r\n border-color: @m-black !important;\r\n }\r\n }\r\n .search-result {\r\n color: @gray-light;\r\n }\r\n}\r\n\r\n.search-result-list {\r\n margin-top: 10px;\r\n a.search-result-title {\r\n color: @m-black;\r\n font-weight: normal;\r\n font-size: 1.2rem;\r\n }\r\n .search-keyword {\r\n color: @em-color;\r\n font-weight: bold;\r\n }\r\n}\r\n\r\n.archives {\r\n .archive-year-wrap {\r\n font-size: 1.5rem;\r\n line-height: 1.5rem;\r\n @media screen and (min-width: 476px) {\r\n margin-left: -1rem;\r\n }\r\n }\r\n .archive {\r\n border-left: 2px solid #ccc;\r\n position: relative;\r\n padding: 0.5rem 0;\r\n padding-left: 1rem !important;\r\n &:before {\r\n position: absolute;\r\n top: 1rem;\r\n left: -7px;\r\n z-index: 1;\r\n display: block;\r\n content: \"\";\r\n background-color: #999;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n border: 2px solid #fff;\r\n }\r\n .title {\r\n margin: 0;\r\n font-weight: normal;\r\n }\r\n .date {\r\n color: #666;\r\n font-family: \"Montserrat\", sans-serif;\r\n text-transform: uppercase;\r\n font-size: 0.7rem;\r\n font-weight: 300;\r\n letter-spacing: 2px;\r\n @media screen and (min-width: 476px) {\r\n position: absolute;\r\n right: 0;\r\n top: 0.5em;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.footer {\r\n .footer-link {\r\n &:after {\r\n content: \"|\";\r\n display: inline;\r\n margin: 0 5px;\r\n }\r\n\r\n &:last-child {\r\n &:after {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.photos {\r\n .photo {\r\n margin-bottom: 12px;\r\n }\r\n}\r\n\r\n.video-container {\r\n width: 100%;\r\n height: 400px;\r\n}\r\n","pre,\r\ncode {\r\n font-family: \"Fira Code\", \"Noto Mono\", \"Source Code Pro\", \"courier new\", \"微软雅黑\", \"Input Mono\",\r\n \"PT Mono\", Consolas, Monaco, Menlo, monospace;\r\n font-weight: normal;\r\n}\r\n\r\ncode {\r\n padding: 2px;\r\n border-radius: 2px;\r\n color: @color-pink;\r\n}\r\n\r\npre {\r\n padding: 10px;\r\n code {\r\n padding: 10px;\r\n }\r\n}\r\n\r\n.highlight {\r\n display: block;\r\n overflow-x: auto;\r\n color: #555;\r\n font-size: 14px;\r\n border-radius: 2px;\r\n box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);\r\n background-color: @bg-code;\r\n overflow-y: hidden;\r\n margin: 20px 0;\r\n position: relative;\r\n table {\r\n margin: 0 !important;\r\n border: none !important;\r\n position: relative;\r\n tr {\r\n border: none !important;\r\n }\r\n td {\r\n border: none !important;\r\n padding: 0 !important;\r\n }\r\n\r\n &:after {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n padding: 0 6px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n background: #e6e9ea;\r\n content: \"Code\";\r\n color: #708090;\r\n height: 28px;\r\n }\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: @bg-code;\r\n }\r\n\r\n .line {\r\n height: 20px;\r\n line-height: 20px;\r\n }\r\n .gutter {\r\n pre {\r\n padding: 10px;\r\n color: #869194;\r\n background-color: #eff2f3;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n }\r\n .code {\r\n font-size: @code-size;\r\n pre {\r\n padding: 38px 10px 10px;\r\n }\r\n }\r\n .comment,\r\n .meta {\r\n color: #b3b3b3;\r\n }\r\n .string,\r\n .value,\r\n .variable,\r\n .template-variable,\r\n .strong,\r\n .emphasis,\r\n .quote,\r\n .inheritance,\r\n .ruby .symbol,\r\n .xml .cdata {\r\n color: @site-color;\r\n }\r\n .keyword,\r\n .selector-tag,\r\n .type,\r\n .javascript .function {\r\n color: #e96900;\r\n }\r\n .preprocessor,\r\n .built_in,\r\n .params,\r\n .constant,\r\n .symbol,\r\n .bullet,\r\n .attribute,\r\n .css .hexcolor {\r\n color: @site-color;\r\n }\r\n .number,\r\n .literal {\r\n color: #ae81ff;\r\n }\r\n .section,\r\n .header,\r\n .name,\r\n .function,\r\n .python .decorator,\r\n .python .title,\r\n .ruby .function .title,\r\n .ruby .title .keyword,\r\n .perl .sub,\r\n .javascript .title,\r\n .coffeescript .title {\r\n color: #525252;\r\n }\r\n .tag,\r\n .regexp {\r\n color: #2973b7;\r\n }\r\n .title,\r\n .attr,\r\n .selector-id,\r\n .selector-class,\r\n .selector-attr,\r\n .selector-pseudo,\r\n .ruby .constant,\r\n .xml .tag .title,\r\n .xml .pi,\r\n .xml .doctype,\r\n .html .doctype,\r\n .css .id,\r\n .css .pseudo,\r\n .class,\r\n .ruby .class .title {\r\n color: #2973b7;\r\n }\r\n .css .code .attribute {\r\n color: #e96900;\r\n }\r\n .css .class {\r\n color: #525252;\r\n }\r\n .tag .attribute {\r\n color: #e96900;\r\n }\r\n .addition {\r\n color: #55a532;\r\n background-color: #eaffea;\r\n }\r\n .deletion {\r\n color: #bd2c00;\r\n background-color: #ffecec;\r\n }\r\n .link {\r\n text-decoration: underline;\r\n }\r\n .function {\r\n .keyword {\r\n color: #0092db;\r\n }\r\n .params {\r\n color: #808080;\r\n }\r\n .title {\r\n color: #525252;\r\n font-weight: 500;\r\n }\r\n }\r\n}\r\n.highlight {\r\n &.html > table::after {\r\n content: \"HTML\";\r\n }\r\n &.html > figcaption > span::after {\r\n content: \" · HTML\";\r\n }\r\n &.html figcaption + table::after {\r\n display: none;\r\n }\r\n &.javascript > table::after {\r\n content: \"JavaScript\";\r\n }\r\n &.javascript > figcaption > span::after {\r\n content: \" · JavaScript\";\r\n }\r\n &.javascript figcaption + table::after {\r\n display: none;\r\n }\r\n &.bash > table::after {\r\n content: \"Bash\";\r\n }\r\n &.bash > figcaption > span::after {\r\n content: \" · Bash\";\r\n }\r\n &.bash figcaption + table::after {\r\n display: none;\r\n }\r\n &.css > table::after {\r\n content: \"CSS\";\r\n }\r\n &.css > figcaption > span::after {\r\n content: \" · CSS\";\r\n }\r\n &.css figcaption + table::after {\r\n display: none;\r\n }\r\n &.scss > table::after {\r\n content: \"Scss\";\r\n }\r\n &.scss > figcaption > span::after {\r\n content: \" · Scss\";\r\n }\r\n &.scss figcaption + table::after {\r\n display: none;\r\n }\r\n &.java > table::after {\r\n content: \"Java\";\r\n }\r\n &.java > figcaption > span::after {\r\n content: \" · Java\";\r\n }\r\n &.java figcaption + table::after {\r\n display: none;\r\n }\r\n &.xml > table::after {\r\n content: \"XML\";\r\n }\r\n &.xml > figcaption > span::after {\r\n content: \" · XML\";\r\n }\r\n &.xml figcaption + table::after {\r\n display: none;\r\n }\r\n &.python > table::after {\r\n content: \"Python\";\r\n }\r\n &.python > figcaption > span::after {\r\n content: \" · Python\";\r\n }\r\n &.python figcaption + table::after {\r\n display: none;\r\n }\r\n &.javascripton > table::after {\r\n content: \"JSON\";\r\n }\r\n &.javascripton > figcaption > span::after {\r\n content: \" · JSON\";\r\n }\r\n &.javascripton figcaption + table::after {\r\n display: none;\r\n }\r\n &.swift > table::after {\r\n content: \"Swift\";\r\n }\r\n &.swift > figcaption > span::after {\r\n content: \" · Swift\";\r\n }\r\n &.swift figcaption + table::after {\r\n display: none;\r\n }\r\n &.ruby > table::after {\r\n content: \"Ruby\";\r\n }\r\n &.ruby > figcaption > span::after {\r\n content: \" · Ruby\";\r\n }\r\n &.ruby figcaption + table::after {\r\n display: none;\r\n }\r\n &.php > table::after {\r\n content: \"PHP\";\r\n }\r\n &.php > figcaption > span::after {\r\n content: \" · PHP\";\r\n }\r\n &.php figcaption + table::after {\r\n display: none;\r\n }\r\n &.c > table::after {\r\n content: \"C\";\r\n }\r\n &.c > figcaption > span::after {\r\n content: \" · C\";\r\n }\r\n &.c figcaption + table::after {\r\n display: none;\r\n }\r\n &.cpp > table::after {\r\n content: \"C++\";\r\n }\r\n &.cpp > figcaption > span::after {\r\n content: \" · C++\";\r\n }\r\n &.cpp figcaption + table::after {\r\n display: none;\r\n }\r\n &.scheme > table::after {\r\n content: \"Scheme\";\r\n }\r\n &.scheme > figcaption > span::after {\r\n content: \" · Scheme\";\r\n }\r\n &.scheme figcaption + table::after {\r\n display: none;\r\n }\r\n &.objectivec > table::after {\r\n content: \"Objective-C\";\r\n }\r\n &.objectivec > figcaption > span::after {\r\n content: \" · Objective-C\";\r\n }\r\n &.objectivec figcaption + table::after {\r\n display: none;\r\n }\r\n &.yml > table::after {\r\n content: \"YAML\";\r\n }\r\n &.yml > figcaption > span::after {\r\n content: \" · YAML\";\r\n }\r\n &.yml figcaption + table::after {\r\n display: none;\r\n }\r\n &.stylus > table::after {\r\n content: \"Stylus\";\r\n }\r\n &.stylus > figcaption > span::after {\r\n content: \" · Stylus\";\r\n }\r\n &.stylus figcaption + table::after {\r\n display: none;\r\n }\r\n &.sql > table::after {\r\n content: \"SQL\";\r\n }\r\n &.sql > figcaption > span::after {\r\n content: \" · SQL\";\r\n }\r\n &.sql figcaption + table::after {\r\n display: none;\r\n }\r\n &.http > table::after {\r\n content: \"HTTP\";\r\n }\r\n &.http > figcaption > span::after {\r\n content: \" · HTTP\";\r\n }\r\n &.http figcaption + table::after {\r\n display: none;\r\n }\r\n &.go > table::after {\r\n content: \"Go\";\r\n }\r\n &.go > figcaption > span::after {\r\n content: \" · Go\";\r\n }\r\n &.go figcaption + table::after {\r\n display: none;\r\n }\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["core.less","../../","mixin.less","common.less","highlight.less"],"names":[],"mappings":"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AA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,qBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,iBAAA;CH2sBH;AGzsBC;EACE,oBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,aAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,qBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,uBAAA;CH2sBH;AGzsBC;EACE,0BAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,qBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,eAAA;CH2sBH;AGzsBC;EACE,kBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,gBAAA;CH2sBH;AGzsBC;EACE,mBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH;AGzsBC;EACE,iBAAA;CH2sBH;AGzsBC;EACE,cAAA;CH2sBH","file":"microb.css","sourcesContent":[".text-center {\r\n text-align: center !important;\r\n}\r\n\r\n* {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n\r\n*:before,\r\n*:after {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n\r\nblockquote,\r\nbody,\r\nfieldset,\r\nfigure,\r\nmenu,\r\npre,\r\nol,\r\nul,\r\ndd,\r\ndl {\r\n margin: 0;\r\n padding: 0;\r\n word-wrap: break-word;\r\n}\r\n\r\nol,\r\nul,\r\ndd,\r\ndl {\r\n padding-left: 2rem;\r\n}\r\n\r\nh1 {\r\n font-size: 1.5rem;\r\n}\r\n\r\nh2 {\r\n font-size: 1.5rem;\r\n}\r\n\r\nh3 {\r\n font-size: 1.25rem;\r\n}\r\n\r\nh4,\r\nh5,\r\nh6 {\r\n font-size: 1rem;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin: 0.5rem 0;\r\n line-height: 1.5rem;\r\n font-weight: 500;\r\n}\r\n\r\nb, optgroup, strong {\r\n font-weight: 600;\r\n}\r\n\r\na {\r\n color: inherit;\r\n}\r\n\r\np {\r\n margin: 0.75rem 0;\r\n}\r\n\r\na:link,\r\na:visited,\r\na:hover,\r\na:active {\r\n outline: none;\r\n text-decoration: none;\r\n}\r\n\r\n.pr {\r\n position: absolute !important;\r\n right: 0;\r\n}\r\n\r\n.float-r {\r\n float: right;\r\n}\r\n\r\nem {\r\n color: #FF5722;\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n\r\nfooter {\r\n background-color: #fff;\r\n border-top: 1px solid #eee;\r\n padding-bottom: 1.5rem!important;\r\n padding-top: 1.5rem!important;\r\n margin-top: 1rem!important;\r\n color: @gray;\r\n font-size: 12px;\r\n position: relative;\r\n z-index: 1024;\r\n}\r\n\r\niframe {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.clearfix:before,\r\n.clearfix:after {\r\n content: \" \";\r\n display: table;\r\n}\r\n\r\n.clearfix:after {\r\n clear: both;\r\n}\r\n\r\n\r\n/* 设置滚动条的样式 */\r\n\r\n::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n}\r\n\r\n\r\n/* 滚动槽 */\r\n\r\n::-webkit-scrollbar-track {\r\n border-radius: 4px;\r\n}\r\n\r\n\r\n/* 滚动条滑块 */\r\n\r\n::-webkit-scrollbar-thumb {\r\n background-color: rgba(0, 0, 0, .1);\r\n border-radius: 4px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background-color: rgba(0, 0, 0, .3);\r\n}",".text-center {\n text-align: center !important;\n}\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n*:before,\n*:after {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\nblockquote,\nbody,\nfieldset,\nfigure,\nmenu,\npre,\nol,\nul,\ndd,\ndl {\n margin: 0;\n padding: 0;\n word-wrap: break-word;\n}\nol,\nul,\ndd,\ndl {\n padding-left: 2rem;\n}\nh1 {\n font-size: 1.5rem;\n}\nh2 {\n font-size: 1.5rem;\n}\nh3 {\n font-size: 1.25rem;\n}\nh4,\nh5,\nh6 {\n font-size: 1rem;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0.5rem 0;\n line-height: 1.5rem;\n font-weight: 500;\n}\nb,\noptgroup,\nstrong {\n font-weight: 600;\n}\na {\n color: inherit;\n}\np {\n margin: 0.75rem 0;\n}\na:link,\na:visited,\na:hover,\na:active {\n outline: none;\n text-decoration: none;\n}\n.pr {\n position: absolute !important;\n right: 0;\n}\n.float-r {\n float: right;\n}\nem {\n color: #FF5722;\n font-weight: bold;\n font-style: normal;\n}\nfooter {\n background-color: #fff;\n border-top: 1px solid #eee;\n padding-bottom: 1.5rem!important;\n padding-top: 1.5rem!important;\n margin-top: 1rem!important;\n color: #555;\n font-size: 12px;\n position: relative;\n z-index: 1024;\n}\niframe {\n width: 100%;\n height: 100%;\n}\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n display: table;\n}\n.clearfix:after {\n clear: both;\n}\n/* 设置滚动条的样式 */\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n/* 滚动槽 */\n::-webkit-scrollbar-track {\n border-radius: 4px;\n}\n/* 滚动条滑块 */\n::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n}\n::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.tag-button {\n font-size: 12px;\n line-height: 30px;\n display: inline-block;\n height: 30px;\n margin: 5px;\n color: #555;\n border-radius: 15px;\n background: #f6f6f6;\n min-width: 50px;\n text-align: center;\n padding: 0 10px;\n}\n.tag-button a {\n padding: 0 12px;\n color: #555;\n display: inline-block;\n}\n.tag-button:hover {\n color: #555;\n background: #efefef;\n}\n.post-page {\n background-color: #fff;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 10px;\n position: relative;\n}\n@media screen and (min-width: 576px) {\n .post-page {\n padding: 0 60px;\n }\n}\nhtml,\nbody {\n font-size: 16px;\n font-family: \"Fira Code\", \"Source Han Serif SC\", \"SimSun\", \"Microsoft Yahei\", \"Helvetica Neue\", \"PingFang SC\", sans-serif;\n}\nbody {\n color: #202020;\n line-height: 1.8rem;\n margin: 0;\n}\n.left {\n text-align: left;\n}\n.right {\n text-align: right;\n}\n.home-menu {\n background: transparent;\n height: 50px;\n padding: 5px 20px;\n display: none;\n}\n@media screen {\n .home-menu {\n display: block;\n }\n}\n@media screen and (max-width: 1020px) {\n .home-menu {\n background: white;\n padding: 5px;\n }\n}\n.home-menu .pure-menu-heading {\n padding: 0;\n position: relative;\n}\n.home-menu img {\n display: inline-block;\n vertical-align: middle;\n}\n.home-menu .title {\n color: #202020;\n margin: 0 5px;\n display: inline-block;\n vertical-align: middle;\n font-family: \"思源宋体\", \"宋体\", \"黑体\";\n font-weight: 700;\n font-size: 25px;\n line-height: 40px;\n}\n.home-menu .logo {\n cursor: pointer;\n position: absolute;\n left: 50%;\n top: 8px;\n margin-left: -16px;\n width: 32px;\n height: 32px;\n padding: 5px;\n}\n@media screen and (max-width: 1280px) {\n .home-menu .logo {\n left: auto;\n right: 10px;\n }\n}\n.home-menu .pure-menu-list .toc-menu {\n display: none;\n}\n@media screen and (min-width: 1280px) {\n .home-menu .pure-menu-list .toc-menu {\n display: initial;\n }\n}\n.home-menu .pure-menu-list .menu-icon {\n width: 18px;\n height: 18px;\n}\n.home-menu .pure-menu-list .pure-menu-children {\n border: 1px solid #999;\n}\n.home-menu .pure-menu-list .pure-menu-link {\n padding: 4px 15px;\n color: inherit;\n}\n.home-menu .pure-menu-list .pure-menu-link:after {\n content: \"\";\n display: inline;\n vertical-align: middle;\n}\n.home-menu .pure-menu-list .pure-menu-link:focus {\n background-color: #fff;\n}\n.home-menu .pure-menu-list .pure-menu-item.actived {\n color: #2196f3;\n}\n.container {\n padding-top: 60px;\n margin: 0 auto;\n max-width: 1000px;\n min-height: calc(100vh - 120px);\n}\n@media screen and (min-width: 1280px) {\n .container {\n max-width: 1200px;\n }\n}\n.recent-posts {\n margin: 0 auto;\n max-width: 800px;\n}\n.recent-posts .recent-post-item {\n margin: 10px;\n padding: 10px 0;\n border-top: none;\n}\n.recent-posts .recent-post-item .post-title {\n position: relative;\n}\n.recent-posts .recent-post-item .post-excerpt {\n color: #999;\n}\n@media screen and (max-width: 576px) {\n .recent-posts .recent-post-item .post-excerpt {\n display: none;\n }\n}\n.recent-posts .recent-post-item .post-footer {\n font-size: 14px;\n position: relative;\n padding-right: 60px;\n min-height: 30px;\n}\n.recent-posts .recent-post-item .post-footer a {\n font-weight: 300;\n display: block;\n padding: 2px 6px;\n line-height: 1rem;\n}\n.recent-posts .recent-post-item .title {\n line-height: 1.8rem;\n display: block;\n padding-right: 64px;\n}\n.recent-posts .recent-post-item .title h2 {\n font-size: 1.2rem;\n font-weight: 300;\n}\n@media screen and (max-width: 576px) {\n .recent-posts .recent-post-item .title h2 {\n font-size: 1rem;\n }\n}\n.recent-posts .recent-post-item .title:hover {\n color: #2196f3;\n}\n.recent-posts .recent-post-item .index-tag-list {\n display: inline;\n padding: 0;\n}\n.recent-posts .recent-post-item .index-tag-list .index-tag-list-item {\n margin-right: 5px;\n color: #999;\n border-radius: 2px;\n display: inline-block;\n list-style: none;\n border: 1px solid rgba(0, 0, 0, 0.06);\n}\n.recent-posts .recent-post-item .index-tag-list .index-tag-list-item:hover {\n background-color: #efefef;\n}\n.recent-posts .recent-post-item .time {\n top: 0;\n font-size: 14px;\n color: #999;\n}\n.page-nav {\n margin: 12px 0 0;\n padding: 10px 0 10px;\n}\n.page-nav .page-number {\n border-bottom: 1px solid #eee;\n display: inline-block;\n position: relative;\n top: -1px;\n margin: 0 10px;\n padding: 0 11px;\n}\n.page-nav .page-number:hover {\n border-bottom-color: #222;\n}\n.page-nav .page-number.current {\n color: #fff;\n background: #ccc;\n border-top-color: #ccc;\n}\n.post {\n background-color: #fff;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 10px;\n position: relative;\n}\n@media screen and (min-width: 576px) {\n .post {\n padding: 0 60px;\n }\n}\n.post .post-header {\n margin: 10px 0 20px;\n}\n.post .post-header .title {\n margin: 1rem;\n line-height: 2rem;\n}\n.post .post-header .time {\n color: #999;\n font-size: 14px;\n}\n.post hr {\n width: 10%;\n}\n.post blockquote {\n padding: 1rem;\n margin: 1rem 0;\n padding-left: 20px;\n border: 1px solid #eee;\n border-left: 4px solid #ccc;\n color: #555;\n}\n.post blockquote p {\n margin: 0;\n}\n.post table {\n max-width: 100%;\n}\n.post img {\n text-align: center;\n margin: 0 auto;\n display: block;\n max-width: 100%;\n max-height: 1024px;\n}\n.post .post-content h2,\n.post .post-content h3,\n.post .post-content h4,\n.post .post-content h5,\n.post .post-content h6 {\n padding-top: 70px;\n margin-top: -56px;\n}\n.post .post-content table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 21px;\n border: 1px solid #ddd;\n}\n.post .post-content table tr {\n border-top: 1px solid #cccccc;\n background-color: white;\n margin: 0;\n padding: 0;\n}\n.post .post-content table tr:nth-child(2n) {\n background-color: #f8f8f8;\n}\n.post .post-content table th {\n font-weight: bold;\n border: 1px solid #cccccc;\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n background-color: #f6f8fa;\n}\n.post .post-content table td {\n border: 1px solid #cccccc;\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n}\n.post .post-content table th:first-child,\n.post .post-content table td:first-child {\n margin-top: 0;\n}\n.post .post-content table th:last-child,\n.post .post-content table td:last-child {\n margin-bottom: 0;\n}\n.post .post-content .note {\n position: relative;\n padding: 15px;\n margin-bottom: 20px;\n border: 1px solid #eee;\n border-left-width: 5px;\n}\n.post .post-content .note p {\n margin: 0;\n}\n.post .post-content .note.primary {\n border-left-color: #6f42c1;\n}\n.post .post-content .note.info {\n border-left-color: #428bca;\n}\n.post .post-content .note.success {\n border-left-color: #5cb85c;\n}\n.post .post-content .note.warning {\n border-left-color: #f0ad4e;\n}\n.post .post-content .note.danger {\n border-left-color: #d9534f;\n}\n.post .post-content a {\n color: #2196f3;\n}\n.post .post-tags {\n text-align: center;\n margin: 20px 0;\n}\n.post .post-tags .article-tag-list-item {\n font-size: 12px;\n line-height: 30px;\n display: inline-block;\n height: 30px;\n margin: 5px;\n color: #555;\n border-radius: 15px;\n background: #f6f6f6;\n min-width: 50px;\n text-align: center;\n padding: 0 10px;\n}\n.post .post-tags .article-tag-list-item a {\n padding: 0 12px;\n color: #555;\n display: inline-block;\n}\n.post .post-tags .article-tag-list-item:hover {\n color: #555;\n background: #efefef;\n}\n.page {\n max-width: 920px;\n border: none;\n box-shadow: none;\n}\n.page hr {\n width: 10%;\n}\n.page li {\n padding: 0.25rem 0;\n}\n.page .tag-list .tag-list-item {\n font-size: 12px;\n line-height: 30px;\n display: inline-block;\n height: 30px;\n margin: 5px;\n color: #555;\n border-radius: 15px;\n background: #f6f6f6;\n min-width: 50px;\n text-align: center;\n padding: 0 10px;\n}\n.page .tag-list .tag-list-item a {\n padding: 0 12px;\n color: #555;\n display: inline-block;\n}\n.page .tag-list .tag-list-item:hover {\n color: #555;\n background: #efefef;\n}\n.page .tag-list .tag-list-item .tag-list-link {\n font-weight: 500;\n margin-right: 5px;\n}\n.tag-page {\n background-color: #fff;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 10px;\n position: relative;\n border: none !important;\n box-shadow: none !important;\n}\n@media screen and (min-width: 576px) {\n .tag-page {\n padding: 0 60px;\n }\n}\n.tag-page .tag-item {\n padding: 0.5rem 0;\n}\n.tag-page .tag-item time {\n color: #999;\n font-size: 12px;\n float: right;\n}\n@media screen and (max-width: 576px) {\n .tag-page .tag-item time {\n display: block;\n float: none;\n }\n}\n.toc-article {\n display: none;\n}\n.post-nav {\n background-color: #fff;\n display: block;\n display: flex;\n font-size: 0;\n margin: 10px auto;\n max-width: 920px;\n padding: 0 60px;\n position: relative;\n}\n.post-nav .post-nav-item {\n display: inline-block;\n flex: 1;\n font-size: 14px;\n padding: 10px 0;\n position: relative;\n vertical-align: top;\n width: 49.5%;\n}\n.post-nav .post-nav-item a {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n}\n.post-nav .post-nav-prev {\n text-align: right;\n}\n@media screen and (max-width: 576px) {\n .post-nav {\n display: none;\n }\n}\n.toc-article {\n display: none;\n}\n@media screen and (min-width: 1280px) {\n .toc-article {\n max-height: calc(100vh - 80px);\n position: fixed;\n top: 60px;\n font-size: 13px;\n width: 200px;\n padding: 10px;\n margin-left: 1050px;\n overflow-y: auto;\n border-radius: 4px;\n color: white;\n background-color: #555;\n }\n}\n.toc-article ol,\n.toc-article ul {\n list-style: none;\n padding-left: 0;\n}\n.toc-article ol ol,\n.toc-article ul ol,\n.toc-article ol ul,\n.toc-article ul ul {\n padding-left: 1rem;\n}\n.disqus-comments {\n background-color: #fff;\n display: block;\n margin: 0 auto;\n max-width: 920px;\n padding: 0 15px;\n}\n.search-content .pure-input {\n border-radius: 2px !important;\n}\n.search-content .pure-input:focus {\n border-color: #202020 !important;\n}\n.search-content .search-result {\n color: #999;\n}\n.search-result-list {\n margin-top: 10px;\n}\n.search-result-list a.search-result-title {\n color: #202020;\n font-weight: normal;\n font-size: 1.2rem;\n}\n.search-result-list .search-keyword {\n color: #ff5722;\n font-weight: bold;\n}\n.archives .archive-year-wrap {\n font-size: 1.5rem;\n line-height: 1.5rem;\n}\n@media screen and (min-width: 476px) {\n .archives .archive-year-wrap {\n margin-left: -1rem;\n }\n}\n.archives .archive {\n border-left: 2px solid #ccc;\n position: relative;\n padding: 0.5rem 0;\n padding-left: 1rem !important;\n}\n.archives .archive:before {\n position: absolute;\n top: 1rem;\n left: -7px;\n z-index: 1;\n display: block;\n content: \"\";\n background-color: #999;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 2px solid #fff;\n}\n.archives .archive .title {\n margin: 0;\n font-weight: normal;\n}\n.archives .archive .date {\n color: #666;\n font-family: \"Montserrat\", sans-serif;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: 300;\n letter-spacing: 2px;\n}\n@media screen and (min-width: 476px) {\n .archives .archive .date {\n position: absolute;\n right: 0;\n top: 0.5em;\n }\n}\n.footer .footer-link:after {\n content: \"|\";\n display: inline;\n margin: 0 5px;\n}\n.footer .footer-link:last-child:after {\n display: none;\n}\n.photos .photo {\n margin-bottom: 12px;\n}\n.video-container {\n width: 100%;\n height: 400px;\n}\npre,\ncode {\n font-family: \"Fira Code\", \"Noto Mono\", \"Source Code Pro\", \"courier new\", \"微软雅黑\", \"Input Mono\", \"PT Mono\", Consolas, Monaco, Menlo, monospace;\n font-weight: normal;\n}\ncode {\n padding: 2px;\n border-radius: 2px;\n color: #fb7299;\n}\npre {\n padding: 10px;\n}\npre code {\n padding: 10px;\n}\n.highlight {\n display: block;\n overflow-x: auto;\n color: #555;\n font-size: 14px;\n border-radius: 2px;\n box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);\n background-color: #f3f5f6;\n overflow-y: hidden;\n margin: 20px 0;\n position: relative;\n}\n.highlight table {\n margin: 0 !important;\n border: none !important;\n position: relative;\n}\n.highlight table tr {\n border: none !important;\n}\n.highlight table td {\n border: none !important;\n padding: 0 !important;\n}\n.highlight table:after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 0 6px;\n font-size: 12px;\n font-weight: 500;\n background: #e6e9ea;\n content: \"Code\";\n color: #708090;\n height: 28px;\n}\n.highlight pre,\n.highlight code {\n background-color: #f3f5f6;\n}\n.highlight .line {\n height: 20px;\n line-height: 20px;\n}\n.highlight .gutter pre {\n padding: 10px;\n color: #869194;\n background-color: #eff2f3;\n text-align: center;\n overflow: hidden;\n}\n.highlight .code {\n font-size: 14px;\n}\n.highlight .code pre {\n padding: 38px 10px 10px;\n}\n.highlight .comment,\n.highlight .meta {\n color: #b3b3b3;\n}\n.highlight .string,\n.highlight .value,\n.highlight .variable,\n.highlight .template-variable,\n.highlight .strong,\n.highlight .emphasis,\n.highlight .quote,\n.highlight .inheritance,\n.highlight .ruby .symbol,\n.highlight .xml .cdata {\n color: #1abc9c;\n}\n.highlight .keyword,\n.highlight .selector-tag,\n.highlight .type,\n.highlight .javascript .function {\n color: #e96900;\n}\n.highlight .preprocessor,\n.highlight .built_in,\n.highlight .params,\n.highlight .constant,\n.highlight .symbol,\n.highlight .bullet,\n.highlight .attribute,\n.highlight .css .hexcolor {\n color: #1abc9c;\n}\n.highlight .number,\n.highlight .literal {\n color: #ae81ff;\n}\n.highlight .section,\n.highlight .header,\n.highlight .name,\n.highlight .function,\n.highlight .python .decorator,\n.highlight .python .title,\n.highlight .ruby .function .title,\n.highlight .ruby .title .keyword,\n.highlight .perl .sub,\n.highlight .javascript .title,\n.highlight .coffeescript .title {\n color: #525252;\n}\n.highlight .tag,\n.highlight .regexp {\n color: #2973b7;\n}\n.highlight .title,\n.highlight .attr,\n.highlight .selector-id,\n.highlight .selector-class,\n.highlight .selector-attr,\n.highlight .selector-pseudo,\n.highlight .ruby .constant,\n.highlight .xml .tag .title,\n.highlight .xml .pi,\n.highlight .xml .doctype,\n.highlight .html .doctype,\n.highlight .css .id,\n.highlight .css .pseudo,\n.highlight .class,\n.highlight .ruby .class .title {\n color: #2973b7;\n}\n.highlight .css .code .attribute {\n color: #e96900;\n}\n.highlight .css .class {\n color: #525252;\n}\n.highlight .tag .attribute {\n color: #e96900;\n}\n.highlight .addition {\n color: #55a532;\n background-color: #eaffea;\n}\n.highlight .deletion {\n color: #bd2c00;\n background-color: #ffecec;\n}\n.highlight .link {\n text-decoration: underline;\n}\n.highlight .function .keyword {\n color: #0092db;\n}\n.highlight .function .params {\n color: #808080;\n}\n.highlight .function .title {\n color: #525252;\n font-weight: 500;\n}\n.highlight.html > table::after {\n content: \"HTML\";\n}\n.highlight.html > figcaption > span::after {\n content: \" · HTML\";\n}\n.highlight.html figcaption + table::after {\n display: none;\n}\n.highlight.javascript > table::after {\n content: \"JavaScript\";\n}\n.highlight.javascript > figcaption > span::after {\n content: \" · JavaScript\";\n}\n.highlight.javascript figcaption + table::after {\n display: none;\n}\n.highlight.bash > table::after {\n content: \"Bash\";\n}\n.highlight.bash > figcaption > span::after {\n content: \" · Bash\";\n}\n.highlight.bash figcaption + table::after {\n display: none;\n}\n.highlight.css > table::after {\n content: \"CSS\";\n}\n.highlight.css > figcaption > span::after {\n content: \" · CSS\";\n}\n.highlight.css figcaption + table::after {\n display: none;\n}\n.highlight.scss > table::after {\n content: \"Scss\";\n}\n.highlight.scss > figcaption > span::after {\n content: \" · Scss\";\n}\n.highlight.scss figcaption + table::after {\n display: none;\n}\n.highlight.java > table::after {\n content: \"Java\";\n}\n.highlight.java > figcaption > span::after {\n content: \" · Java\";\n}\n.highlight.java figcaption + table::after {\n display: none;\n}\n.highlight.xml > table::after {\n content: \"XML\";\n}\n.highlight.xml > figcaption > span::after {\n content: \" · XML\";\n}\n.highlight.xml figcaption + table::after {\n display: none;\n}\n.highlight.python > table::after {\n content: \"Python\";\n}\n.highlight.python > figcaption > span::after {\n content: \" · Python\";\n}\n.highlight.python figcaption + table::after {\n display: none;\n}\n.highlight.javascripton > table::after {\n content: \"JSON\";\n}\n.highlight.javascripton > figcaption > span::after {\n content: \" · JSON\";\n}\n.highlight.javascripton figcaption + table::after {\n display: none;\n}\n.highlight.swift > table::after {\n content: \"Swift\";\n}\n.highlight.swift > figcaption > span::after {\n content: \" · Swift\";\n}\n.highlight.swift figcaption + table::after {\n display: none;\n}\n.highlight.ruby > table::after {\n content: \"Ruby\";\n}\n.highlight.ruby > figcaption > span::after {\n content: \" · Ruby\";\n}\n.highlight.ruby figcaption + table::after {\n display: none;\n}\n.highlight.php > table::after {\n content: \"PHP\";\n}\n.highlight.php > figcaption > span::after {\n content: \" · PHP\";\n}\n.highlight.php figcaption + table::after {\n display: none;\n}\n.highlight.c > table::after {\n content: \"C\";\n}\n.highlight.c > figcaption > span::after {\n content: \" · C\";\n}\n.highlight.c figcaption + table::after {\n display: none;\n}\n.highlight.cpp > table::after {\n content: \"C++\";\n}\n.highlight.cpp > figcaption > span::after {\n content: \" · C++\";\n}\n.highlight.cpp figcaption + table::after {\n display: none;\n}\n.highlight.scheme > table::after {\n content: \"Scheme\";\n}\n.highlight.scheme > figcaption > span::after {\n content: \" · Scheme\";\n}\n.highlight.scheme figcaption + table::after {\n display: none;\n}\n.highlight.objectivec > table::after {\n content: \"Objective-C\";\n}\n.highlight.objectivec > figcaption > span::after {\n content: \" · Objective-C\";\n}\n.highlight.objectivec figcaption + table::after {\n display: none;\n}\n.highlight.yml > table::after {\n content: \"YAML\";\n}\n.highlight.yml > figcaption > span::after {\n content: \" · YAML\";\n}\n.highlight.yml figcaption + table::after {\n display: none;\n}\n.highlight.stylus > table::after {\n content: \"Stylus\";\n}\n.highlight.stylus > figcaption > span::after {\n content: \" · Stylus\";\n}\n.highlight.stylus figcaption + table::after {\n display: none;\n}\n.highlight.sql > table::after {\n content: \"SQL\";\n}\n.highlight.sql > figcaption > span::after {\n content: \" · SQL\";\n}\n.highlight.sql figcaption + table::after {\n display: none;\n}\n.highlight.http > table::after {\n content: \"HTTP\";\n}\n.highlight.http > figcaption > span::after {\n content: \" · HTTP\";\n}\n.highlight.http figcaption + table::after {\n display: none;\n}\n.highlight.go > table::after {\n content: \"Go\";\n}\n.highlight.go > figcaption > span::after {\n content: \" · Go\";\n}\n.highlight.go figcaption + table::after {\n display: none;\n}\n",".tag-button {\r\n font-size: 12px;\r\n line-height: 30px;\r\n display: inline-block;\r\n height: 30px;\r\n margin: 5px;\r\n color: @gray;\r\n border-radius: 15px;\r\n background: @bg-gray;\r\n min-width: 50px;\r\n text-align: center;\r\n padding: 0 10px;\r\n\r\n a {\r\n padding: 0 12px;\r\n color: @gray;\r\n display: inline-block;\r\n }\r\n &:hover {\r\n color: @gray;\r\n background: @bg-gray-hover;\r\n }\r\n}\r\n.post-page {\r\n background-color: #fff;\r\n margin: 0 auto;\r\n max-width: @post-width;\r\n padding: 0 10px;\r\n position: relative;\r\n @media screen and (min-width: @sm-width) {\r\n padding: 0 60px;\r\n }\r\n // @media screen and (min-width: @post-width) {\r\n // border: 1px solid @border-dark-gray;\r\n // border-top: none;\r\n // box-shadow: 0 2px 3px rgba(32, 32, 32, .05);\r\n // }\r\n}","html,\r\nbody {\r\n font-size: @font-size;\r\n font-family: \"Fira Code\", \"Source Han Serif SC\", \"SimSun\", \"Microsoft Yahei\",\r\n \"Helvetica Neue\", \"PingFang SC\", sans-serif;\r\n}\r\nbody {\r\n color: @m-black;\r\n line-height: 1.8rem;\r\n margin: 0;\r\n}\r\n.left {\r\n text-align: left;\r\n}\r\n.right {\r\n text-align: right;\r\n}\r\n\r\n.home-menu {\r\n background: transparent;\r\n height: @nav-height;\r\n padding: @nav-padding;\r\n display: none;\r\n @media screen {\r\n display: block;\r\n }\r\n @media screen and (max-width: @md-width) {\r\n background: white;\r\n padding: @nav-small-padding;\r\n }\r\n .pure-menu-heading {\r\n padding: 0;\r\n position: relative;\r\n }\r\n img {\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title {\r\n color: @m-black;\r\n margin: 0 5px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-family: \"思源宋体\", \"宋体\", \"黑体\";\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 40px;\r\n }\r\n .logo {\r\n cursor: pointer;\r\n position: absolute;\r\n left: 50%;\r\n top: @logo-top;\r\n margin-left: -16px;\r\n width: 32px;\r\n height: 32px;\r\n padding: 5px;\r\n @media screen and (max-width: @xl-width) {\r\n left: auto;\r\n right: 10px;\r\n }\r\n }\r\n .pure-menu-list {\r\n .toc-menu {\r\n display: none;\r\n @media screen and (min-width: @xl-width) {\r\n display: initial;\r\n }\r\n }\r\n .menu-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n .pure-menu-children {\r\n border: 1px solid @gray-light;\r\n }\r\n .pure-menu-link {\r\n padding: 4px 15px;\r\n color: inherit;\r\n &:after {\r\n content: \"\";\r\n display: inline;\r\n vertical-align: middle;\r\n }\r\n &:focus {\r\n background-color: #fff;\r\n }\r\n }\r\n .pure-menu-item.actived {\r\n color: @light-blue;\r\n }\r\n }\r\n}\r\n\r\n.container {\r\n padding-top: @padding-top;\r\n margin: 0 auto;\r\n max-width: 1000px;\r\n min-height: calc(~\"100vh - 120px\");\r\n\r\n @media screen and (min-width: @xl-width) {\r\n max-width: 1200px;\r\n }\r\n}\r\n\r\n.recent-posts {\r\n margin: 0 auto;\r\n max-width: @index-width;\r\n .recent-post-item {\r\n margin: 10px;\r\n padding: 10px 0;\r\n border-top: none;\r\n .post-title {\r\n position: relative;\r\n }\r\n\r\n .post-excerpt {\r\n color: @gray-light;\r\n @media screen and (max-width: @sm-width) {\r\n display: none;\r\n }\r\n }\r\n .post-footer {\r\n font-size: 14px;\r\n position: relative;\r\n padding-right: 60px;\r\n min-height: 30px;\r\n a {\r\n font-weight: 300;\r\n display: block;\r\n padding: 2px 6px;\r\n line-height: 1rem;\r\n }\r\n }\r\n .title {\r\n line-height: 1.8rem;\r\n display: block;\r\n padding-right: 64px;\r\n h2 {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n @media screen and (max-width: @sm-width) {\r\n font-size: 1rem;\r\n }\r\n }\r\n &:hover {\r\n color: @light-blue;\r\n }\r\n }\r\n .index-tag-list {\r\n display: inline;\r\n padding: 0;\r\n .index-tag-list-item {\r\n margin-right: 5px;\r\n color: @gray-light;\r\n border-radius: 2px;\r\n display: inline-block;\r\n list-style: none;\r\n border: 1px solid rgba(0, 0, 0, 0.06);\r\n &:hover {\r\n background-color: @bg-gray-hover;\r\n }\r\n }\r\n }\r\n .time {\r\n top: 0;\r\n font-size: 14px;\r\n color: @gray-light;\r\n }\r\n }\r\n}\r\n\r\n.page-nav {\r\n margin: 12px 0 0;\r\n padding: 10px 0 10px;\r\n .page-number {\r\n border-bottom: 1px solid #eee;\r\n display: inline-block;\r\n position: relative;\r\n top: -1px;\r\n margin: 0 10px;\r\n padding: 0 11px;\r\n &:hover {\r\n border-bottom-color: #222;\r\n }\r\n &.current {\r\n color: #fff;\r\n background: #ccc;\r\n border-top-color: #ccc;\r\n }\r\n }\r\n}\r\n\r\n.post {\r\n .post-page;\r\n .post-header {\r\n margin: 10px 0 20px;\r\n .title {\r\n margin: 1rem;\r\n line-height: 2rem;\r\n }\r\n .time {\r\n color: @gray-light;\r\n font-size: 14px;\r\n }\r\n }\r\n hr {\r\n width: 10%;\r\n }\r\n blockquote {\r\n padding: 1rem;\r\n margin: 1rem 0;\r\n padding-left: 20px;\r\n border: 1px solid #eee;\r\n border-left: 4px solid #ccc;\r\n color: @gray;\r\n p {\r\n margin: 0;\r\n }\r\n }\r\n table {\r\n max-width: 100%;\r\n }\r\n img {\r\n text-align: center;\r\n margin: 0 auto;\r\n display: block;\r\n max-width: 100%;\r\n max-height: 1024px;\r\n }\r\n .post-content {\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n padding-top: 70px;\r\n margin-top: -56px;\r\n }\r\n table {\r\n width: 100%;\r\n max-width: 100%;\r\n margin-bottom: 21px;\r\n border: 1px solid #ddd;\r\n tr {\r\n border-top: 1px solid #cccccc;\r\n background-color: white;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n tr:nth-child(2n) {\r\n background-color: #f8f8f8;\r\n }\r\n th {\r\n font-weight: bold;\r\n border: 1px solid #cccccc;\r\n text-align: left;\r\n margin: 0;\r\n padding: 6px 13px;\r\n background-color: #f6f8fa;\r\n }\r\n td {\r\n border: 1px solid #cccccc;\r\n text-align: left;\r\n margin: 0;\r\n padding: 6px 13px;\r\n }\r\n th:first-child,\r\n td:first-child {\r\n margin-top: 0;\r\n }\r\n th:last-child,\r\n td:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n .note {\r\n position: relative;\r\n padding: 15px;\r\n margin-bottom: 20px;\r\n border: 1px solid #eee;\r\n border-left-width: 5px;\r\n p {\r\n margin: 0;\r\n }\r\n &.primary {\r\n border-left-color: #6f42c1;\r\n }\r\n &.info {\r\n border-left-color: #428bca;\r\n }\r\n &.success {\r\n border-left-color: #5cb85c;\r\n }\r\n &.warning {\r\n border-left-color: #f0ad4e;\r\n }\r\n &.danger {\r\n border-left-color: #d9534f;\r\n }\r\n }\r\n a {\r\n color: @light-blue;\r\n }\r\n }\r\n .post-tags {\r\n text-align: center;\r\n margin: 20px 0;\r\n .article-tag-list-item {\r\n .tag-button;\r\n }\r\n }\r\n}\r\n\r\n.page {\r\n max-width: @page-width;\r\n border: none;\r\n box-shadow: none;\r\n hr {\r\n width: 10%;\r\n }\r\n li {\r\n padding: 0.25rem 0;\r\n }\r\n .tag-list {\r\n .tag-list-item {\r\n .tag-button;\r\n .tag-list-link {\r\n font-weight: 500;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.tag-page {\r\n .post-page;\r\n border: none !important;\r\n box-shadow: none !important;\r\n .tag-item {\r\n padding: 0.5rem 0;\r\n time {\r\n color: @gray-light;\r\n font-size: 12px;\r\n float: right;\r\n @media screen and (max-width: @sm-width) {\r\n display: block;\r\n float: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.toc-article {\r\n display: none;\r\n}\r\n\r\n.post-nav {\r\n background-color: #fff;\r\n display: block;\r\n display: flex;\r\n font-size: 0;\r\n margin: 10px auto;\r\n max-width: @post-width;\r\n padding: 0 60px;\r\n position: relative;\r\n .post-nav-item {\r\n display: inline-block;\r\n flex: 1;\r\n font-size: 14px;\r\n padding: 10px 0;\r\n position: relative;\r\n vertical-align: top;\r\n width: 49.5%;\r\n\r\n a {\r\n display: inline-block;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n }\r\n }\r\n .post-nav-prev {\r\n text-align: right;\r\n }\r\n @media screen and (max-width: @sm-width) {\r\n display: none;\r\n }\r\n}\r\n\r\n.toc-article {\r\n display: none;\r\n @media screen and (min-width: @xl-width) {\r\n max-height: calc(~\"100vh - 80px\");\r\n position: fixed;\r\n top: 60px;\r\n font-size: 13px;\r\n width: 200px;\r\n padding: 10px;\r\n margin-left: 1050px;\r\n overflow-y: auto;\r\n border-radius: 4px;\r\n color: white;\r\n background-color: @bg-dark;\r\n }\r\n ol,\r\n ul {\r\n list-style: none;\r\n padding-left: 0;\r\n ol,\r\n ul {\r\n padding-left: 1rem;\r\n }\r\n }\r\n}\r\n\r\n.disqus-comments {\r\n background-color: #fff;\r\n display: block;\r\n margin: 0 auto;\r\n max-width: @post-width;\r\n padding: 0 15px;\r\n}\r\n\r\n.search-content {\r\n .pure-input {\r\n border-radius: 2px !important;\r\n &:focus {\r\n border-color: @m-black !important;\r\n }\r\n }\r\n .search-result {\r\n color: @gray-light;\r\n }\r\n}\r\n\r\n.search-result-list {\r\n margin-top: 10px;\r\n a.search-result-title {\r\n color: @m-black;\r\n font-weight: normal;\r\n font-size: 1.2rem;\r\n }\r\n .search-keyword {\r\n color: @em-color;\r\n font-weight: bold;\r\n }\r\n}\r\n\r\n.archives {\r\n .archive-year-wrap {\r\n font-size: 1.5rem;\r\n line-height: 1.5rem;\r\n @media screen and (min-width: 476px) {\r\n margin-left: -1rem;\r\n }\r\n }\r\n .archive {\r\n border-left: 2px solid #ccc;\r\n position: relative;\r\n padding: 0.5rem 0;\r\n padding-left: 1rem !important;\r\n &:before {\r\n position: absolute;\r\n top: 1rem;\r\n left: -7px;\r\n z-index: 1;\r\n display: block;\r\n content: \"\";\r\n background-color: #999;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n border: 2px solid #fff;\r\n }\r\n .title {\r\n margin: 0;\r\n font-weight: normal;\r\n }\r\n .date {\r\n color: #666;\r\n font-family: \"Montserrat\", sans-serif;\r\n text-transform: uppercase;\r\n font-size: 0.7rem;\r\n font-weight: 300;\r\n letter-spacing: 2px;\r\n @media screen and (min-width: 476px) {\r\n position: absolute;\r\n right: 0;\r\n top: 0.5em;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.footer {\r\n .footer-link {\r\n &:after {\r\n content: \"|\";\r\n display: inline;\r\n margin: 0 5px;\r\n }\r\n\r\n &:last-child {\r\n &:after {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.photos {\r\n .photo {\r\n margin-bottom: 12px;\r\n }\r\n}\r\n\r\n.video-container {\r\n width: 100%;\r\n height: 400px;\r\n}\r\n","pre,\r\ncode {\r\n font-family: \"Fira Code\", \"Noto Mono\", \"Source Code Pro\", \"courier new\", \"微软雅黑\", \"Input Mono\",\r\n \"PT Mono\", Consolas, Monaco, Menlo, monospace;\r\n font-weight: normal;\r\n}\r\n\r\ncode {\r\n padding: 2px;\r\n border-radius: 2px;\r\n color: @color-pink;\r\n}\r\n\r\npre {\r\n padding: 10px;\r\n code {\r\n padding: 10px;\r\n }\r\n}\r\n\r\n.highlight {\r\n display: block;\r\n overflow-x: auto;\r\n color: #555;\r\n font-size: 14px;\r\n border-radius: 2px;\r\n box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);\r\n background-color: @bg-code;\r\n overflow-y: hidden;\r\n margin: 20px 0;\r\n position: relative;\r\n table {\r\n margin: 0 !important;\r\n border: none !important;\r\n position: relative;\r\n tr {\r\n border: none !important;\r\n }\r\n td {\r\n border: none !important;\r\n padding: 0 !important;\r\n }\r\n\r\n &:after {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n padding: 0 6px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n background: #e6e9ea;\r\n content: \"Code\";\r\n color: #708090;\r\n height: 28px;\r\n }\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: @bg-code;\r\n }\r\n\r\n .line {\r\n height: 20px;\r\n line-height: 20px;\r\n }\r\n .gutter {\r\n pre {\r\n padding: 10px;\r\n color: #869194;\r\n background-color: #eff2f3;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n }\r\n .code {\r\n font-size: @code-size;\r\n pre {\r\n padding: 38px 10px 10px;\r\n }\r\n }\r\n .comment,\r\n .meta {\r\n color: #b3b3b3;\r\n }\r\n .string,\r\n .value,\r\n .variable,\r\n .template-variable,\r\n .strong,\r\n .emphasis,\r\n .quote,\r\n .inheritance,\r\n .ruby .symbol,\r\n .xml .cdata {\r\n color: @site-color;\r\n }\r\n .keyword,\r\n .selector-tag,\r\n .type,\r\n .javascript .function {\r\n color: #e96900;\r\n }\r\n .preprocessor,\r\n .built_in,\r\n .params,\r\n .constant,\r\n .symbol,\r\n .bullet,\r\n .attribute,\r\n .css .hexcolor {\r\n color: @site-color;\r\n }\r\n .number,\r\n .literal {\r\n color: #ae81ff;\r\n }\r\n .section,\r\n .header,\r\n .name,\r\n .function,\r\n .python .decorator,\r\n .python .title,\r\n .ruby .function .title,\r\n .ruby .title .keyword,\r\n .perl .sub,\r\n .javascript .title,\r\n .coffeescript .title {\r\n color: #525252;\r\n }\r\n .tag,\r\n .regexp {\r\n color: #2973b7;\r\n }\r\n .title,\r\n .attr,\r\n .selector-id,\r\n .selector-class,\r\n .selector-attr,\r\n .selector-pseudo,\r\n .ruby .constant,\r\n .xml .tag .title,\r\n .xml .pi,\r\n .xml .doctype,\r\n .html .doctype,\r\n .css .id,\r\n .css .pseudo,\r\n .class,\r\n .ruby .class .title {\r\n color: #2973b7;\r\n }\r\n .css .code .attribute {\r\n color: #e96900;\r\n }\r\n .css .class {\r\n color: #525252;\r\n }\r\n .tag .attribute {\r\n color: #e96900;\r\n }\r\n .addition {\r\n color: #55a532;\r\n background-color: #eaffea;\r\n }\r\n .deletion {\r\n color: #bd2c00;\r\n background-color: #ffecec;\r\n }\r\n .link {\r\n text-decoration: underline;\r\n }\r\n .function {\r\n .keyword {\r\n color: #0092db;\r\n }\r\n .params {\r\n color: #808080;\r\n }\r\n .title {\r\n color: #525252;\r\n font-weight: 500;\r\n }\r\n }\r\n}\r\n.highlight {\r\n &.html > table::after {\r\n content: \"HTML\";\r\n }\r\n &.html > figcaption > span::after {\r\n content: \" · HTML\";\r\n }\r\n &.html figcaption + table::after {\r\n display: none;\r\n }\r\n &.javascript > table::after {\r\n content: \"JavaScript\";\r\n }\r\n &.javascript > figcaption > span::after {\r\n content: \" · JavaScript\";\r\n }\r\n &.javascript figcaption + table::after {\r\n display: none;\r\n }\r\n &.bash > table::after {\r\n content: \"Bash\";\r\n }\r\n &.bash > figcaption > span::after {\r\n content: \" · Bash\";\r\n }\r\n &.bash figcaption + table::after {\r\n display: none;\r\n }\r\n &.css > table::after {\r\n content: \"CSS\";\r\n }\r\n &.css > figcaption > span::after {\r\n content: \" · CSS\";\r\n }\r\n &.css figcaption + table::after {\r\n display: none;\r\n }\r\n &.scss > table::after {\r\n content: \"Scss\";\r\n }\r\n &.scss > figcaption > span::after {\r\n content: \" · Scss\";\r\n }\r\n &.scss figcaption + table::after {\r\n display: none;\r\n }\r\n &.java > table::after {\r\n content: \"Java\";\r\n }\r\n &.java > figcaption > span::after {\r\n content: \" · Java\";\r\n }\r\n &.java figcaption + table::after {\r\n display: none;\r\n }\r\n &.xml > table::after {\r\n content: \"XML\";\r\n }\r\n &.xml > figcaption > span::after {\r\n content: \" · XML\";\r\n }\r\n &.xml figcaption + table::after {\r\n display: none;\r\n }\r\n &.python > table::after {\r\n content: \"Python\";\r\n }\r\n &.python > figcaption > span::after {\r\n content: \" · Python\";\r\n }\r\n &.python figcaption + table::after {\r\n display: none;\r\n }\r\n &.javascripton > table::after {\r\n content: \"JSON\";\r\n }\r\n &.javascripton > figcaption > span::after {\r\n content: \" · JSON\";\r\n }\r\n &.javascripton figcaption + table::after {\r\n display: none;\r\n }\r\n &.swift > table::after {\r\n content: \"Swift\";\r\n }\r\n &.swift > figcaption > span::after {\r\n content: \" · Swift\";\r\n }\r\n &.swift figcaption + table::after {\r\n display: none;\r\n }\r\n &.ruby > table::after {\r\n content: \"Ruby\";\r\n }\r\n &.ruby > figcaption > span::after {\r\n content: \" · Ruby\";\r\n }\r\n &.ruby figcaption + table::after {\r\n display: none;\r\n }\r\n &.php > table::after {\r\n content: \"PHP\";\r\n }\r\n &.php > figcaption > span::after {\r\n content: \" · PHP\";\r\n }\r\n &.php figcaption + table::after {\r\n display: none;\r\n }\r\n &.c > table::after {\r\n content: \"C\";\r\n }\r\n &.c > figcaption > span::after {\r\n content: \" · C\";\r\n }\r\n &.c figcaption + table::after {\r\n display: none;\r\n }\r\n &.cpp > table::after {\r\n content: \"C++\";\r\n }\r\n &.cpp > figcaption > span::after {\r\n content: \" · C++\";\r\n }\r\n &.cpp figcaption + table::after {\r\n display: none;\r\n }\r\n &.scheme > table::after {\r\n content: \"Scheme\";\r\n }\r\n &.scheme > figcaption > span::after {\r\n content: \" · Scheme\";\r\n }\r\n &.scheme figcaption + table::after {\r\n display: none;\r\n }\r\n &.objectivec > table::after {\r\n content: \"Objective-C\";\r\n }\r\n &.objectivec > figcaption > span::after {\r\n content: \" · Objective-C\";\r\n }\r\n &.objectivec figcaption + table::after {\r\n display: none;\r\n }\r\n &.yml > table::after {\r\n content: \"YAML\";\r\n }\r\n &.yml > figcaption > span::after {\r\n content: \" · YAML\";\r\n }\r\n &.yml figcaption + table::after {\r\n display: none;\r\n }\r\n &.stylus > table::after {\r\n content: \"Stylus\";\r\n }\r\n &.stylus > figcaption > span::after {\r\n content: \" · Stylus\";\r\n }\r\n &.stylus figcaption + table::after {\r\n display: none;\r\n }\r\n &.sql > table::after {\r\n content: \"SQL\";\r\n }\r\n &.sql > figcaption > span::after {\r\n content: \" · SQL\";\r\n }\r\n &.sql figcaption + table::after {\r\n display: none;\r\n }\r\n &.http > table::after {\r\n content: \"HTTP\";\r\n }\r\n &.http > figcaption > span::after {\r\n content: \" · HTTP\";\r\n }\r\n &.http figcaption + table::after {\r\n display: none;\r\n }\r\n &.go > table::after {\r\n content: \"Go\";\r\n }\r\n &.go > figcaption > span::after {\r\n content: \" · Go\";\r\n }\r\n &.go figcaption + table::after {\r\n display: none;\r\n }\r\n}\r\n"]} \ No newline at end of file diff --git a/source/css/variables.less b/source/css/variables.less index dcde1aa..347c61f 100644 --- a/source/css/variables.less +++ b/source/css/variables.less @@ -4,7 +4,7 @@ @padding-top: @nav-height + 10px; @logo-top: 8px; @code-size: 14px; -@font-size: 18px; +@font-size: 16px; @index-width: 800px; @post-width: 920px;