fix(bug): 320px devices removed and bugs patched

This commit is contained in:
周中平 2022-01-20 08:48:00 +08:00
parent 89ac1d1ece
commit 5902b4996f
No known key found for this signature in database
GPG Key ID: B1DF9DD42D8E00DC
19 changed files with 203 additions and 558 deletions

View File

@ -3,7 +3,7 @@
<div id="comment" class="comment close">
<script src="${theme_base!}/source/plugins/comment/vue.min.js"></script>
<script src="${theme_base!}/source/plugins/comment/halo-comment.min.js"></script>
<script src="${options.comment_internal_plugin_js!'//cdn.jsdelivr.net/gh/halo-dev/halo-comment@latest/dist/halo-comment.min.js'}"></script>
<#-- <script src="${options.comment_internal_plugin_js!'//cdn.jsdelivr.net/gh/halo-dev/halo-comment@latest/dist/halo-comment.min.js'}"></script> -->
<halo-comment id="${target.id?c}" type="${type}""/>
</div>
</#if>

View File

@ -2,21 +2,7 @@
html {
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: antialiased;
}
@media (max-width: 320px) {
html {
font-size: 14px;
}
}
@media (min-width: 320px) and (max-width: 768px) {
html {
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
html {
font-size: 16px;
}
font-size: 16px;
}
[data-font=serif] {
@ -38,15 +24,13 @@ html ::-webkit-scrollbar-thumb {
border-radius: 16px;
background-color: rgba(0, 0, 0, 0.249);
}
@media (prefers-color-scheme: dark) {
html ::-webkit-scrollbar-thumb {
background-color: blue;
}
}
html ::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.249);
}
@media (prefers-color-scheme: dark) {
html ::-webkit-scrollbar-thumb {
background-color: blue;
}
html ::-webkit-scrollbar-thumb:hover {
background-color: blue;
}
@ -84,21 +68,14 @@ main {
box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.34);
}
}
@media (max-width: 320px) {
main {
width: 90%;
margin-top: 3%;
padding-bottom: 7%;
}
}
@media (min-width: 320px) and (max-width: 768px) {
@media (max-width: 870px) {
main {
width: 90%;
margin-top: 5%;
padding-bottom: 5%;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
main {
width: 52rem;
margin-top: 4rem;
@ -106,7 +83,7 @@ main {
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
main > .index,
main > .archives,
main > .categories,
@ -130,31 +107,7 @@ main > .journals > ul {
margin-block-end: 0;
}
}
@media (min-width: 320px) and (max-width: 768px) {
main > .index,
main > .archives,
main > .categories,
main > .category,
main > .links,
main > .post,
main > .tag,
main > .journals {
width: 90%;
padding: 2.5% 5%;
}
main > .index > ul,
main > .archives > ul,
main > .categories > ul,
main > .category > ul,
main > .links > ul,
main > .post > ul,
main > .tag > ul,
main > .journals > ul {
margin-block-start: 0;
margin-block-end: 0;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
main > .index,
main > .archives,
main > .categories,
@ -263,7 +216,7 @@ main > .journals {
color: #7d7d7d80;
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
.header {
flex-direction: column;
align-items: center;
@ -276,20 +229,7 @@ main > .journals {
align-items: center;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.header {
flex-direction: column;
align-items: center;
width: 90%;
padding: 17% 5% 5% 5%;
}
.header > .description {
display: flex;
flex-direction: column;
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.header {
width: 45rem;
padding: 7rem 0 3rem 0;
@ -325,17 +265,12 @@ footer .copyright a:hover {
color: #bfbfbf;
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
footer {
padding: 5% 0;
}
}
@media (min-width: 320px) and (max-width: 768px) {
footer {
padding: 5% 0;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
footer {
padding: 2rem 0;
}
@ -361,35 +296,24 @@ footer .copyright a:hover {
color: #434343;
}
}
@media (max-width: 320px) {
.pagenav {
padding: 5% 0 7% 0;
}
}
@media (min-width: 320px) and (max-width: 768px) {
@media (max-width: 870px) {
.pagenav {
padding: 4% 0 5% 0;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.pagenav {
padding: 2rem 0;
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
.comment {
width: 90%;
margin: 5% 0;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.comment {
width: 90%;
margin: 5% 0;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.comment {
margin-top: 2rem;
width: 52rem;
@ -411,8 +335,6 @@ footer .copyright a:hover {
.post-bottom-menu {
border-top: 1px solid #e7e7e7;
}
}
@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
.post-bottom-menu > a {
color: #b6b6b6;
}
@ -420,21 +342,14 @@ footer .copyright a:hover {
color: #434343;
}
}
@media (max-width: 320px) {
.post-bottom-menu {
margin-top: 7%;
padding-top: 7%;
width: 80%;
}
}
@media (min-width: 320px) and (max-width: 768px) {
@media (max-width: 870px) {
.post-bottom-menu {
margin-top: 7%;
padding-top: 5%;
width: 80%;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.post-bottom-menu {
margin-top: 2rem;
padding-top: 2rem;
@ -491,26 +406,7 @@ footer .copyright a:hover {
color: #7d7d7d;
}
}
@media (max-width: 320px) {
.archives > ul {
padding: 2.5% 1%;
}
.archives > ul > .year {
padding: 2.5% 0;
text-align: center;
}
.archives > ul > .title {
padding: 2.5% 0;
text-align: center;
}
.archives > ul > li {
justify-content: center;
}
.archives > ul > li > span {
display: none;
}
}
@media (min-width: 320px) and (max-width: 768px) {
@media (max-width: 870px) {
.archives > ul {
padding: 2.5% 1%;
}
@ -524,7 +420,7 @@ footer .copyright a:hover {
justify-content: space-between;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.archives > ul {
padding: 0.625rem 0.1rem;
}
@ -545,7 +441,8 @@ footer .copyright a:hover {
* 1.默认
* 2.深色
* 3.媒体查询
* - 320px
* - 870px
* - 2048px
*/
.category > ul > .name {
font-size: 1.5rem;
@ -581,22 +478,7 @@ footer .copyright a:hover {
color: #7d7d7d;
}
}
@media (max-width: 320px) {
.category > ul {
padding: 2.5% 1%;
}
.category > ul > .name {
padding: 2.5% 0;
text-align: center;
}
.category > ul > li {
justify-content: center;
}
.category > ul > li > span {
display: none;
}
}
@media (min-width: 320px) and (max-width: 768px) {
@media (max-width: 870px) {
.category > ul {
padding: 2.5% 1%;
}
@ -607,7 +489,7 @@ footer .copyright a:hover {
justify-content: space-between;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.category > ul {
padding: 0.625rem 0.1rem;
}
@ -653,7 +535,7 @@ footer .copyright a:hover {
color: #dbdbdb80;
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
.categories {
margin: 7% 0;
}
@ -661,15 +543,7 @@ footer .copyright a:hover {
margin: 2.5% 2.5%;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.categories {
margin: 7% 0;
}
.categories > ul > li {
margin: 2.5% 2.5%;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.categories {
margin: 5rem 0;
}
@ -745,19 +619,7 @@ footer .copyright a:hover {
color: #7d7d7d80;
}
}
@media (max-width: 320px) {
.index > h1 {
margin-block-start: 0;
text-align: center;
}
.index > .info {
padding: 1% 0 2% 0;
}
.index > .info > span {
margin: 1% 1%;
}
}
@media (min-width: 320px) and (max-width: 768px) {
@media (min-width: 320px) and (max-width: 870px) {
.index > h1 {
margin-block-start: 0;
}
@ -768,7 +630,7 @@ footer .copyright a:hover {
margin: 1% 1%;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.index > .info {
padding: 0.5rem 0 2rem 0;
}
@ -801,7 +663,7 @@ footer .copyright a:hover {
color: #7d7d7d;
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
.journals > .name {
padding: 2.5% 0;
text-align: center;
@ -813,19 +675,7 @@ footer .copyright a:hover {
padding: 1% 0;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.journals > .name {
padding: 2.5% 0;
text-align: center;
}
.journals > ul > li {
padding: 2.5% 0;
}
.journals > ul > li > .info {
padding: 1% 0;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.journals > .name {
padding: 0.5rem 0;
}
@ -867,20 +717,7 @@ footer .copyright a:hover {
color: #dbdbdb80;
}
}
@media (max-width: 320px) {
.links > ul {
padding: 2.5% 1%;
}
.links > ul > .friend {
padding: 2.5% 0;
text-align: center;
}
.links > ul > li {
justify-content: center;
padding-bottom: 1%;
}
}
@media (min-width: 320px) and (max-width: 768px) {
@media (max-width: 870px) {
.links > ul {
padding: 2.5% 1%;
}
@ -891,7 +728,7 @@ footer .copyright a:hover {
padding-bottom: 1%;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.links > ul {
padding: 0.625rem 0.1rem;
}
@ -935,7 +772,6 @@ footer .copyright a:hover {
}
.post > .title > .info {
border-bottom: 1px solid #434343;
flex-direction: column;
}
.post > .title > .info span {
color: #7d7d7d;
@ -944,26 +780,24 @@ footer .copyright a:hover {
color: #7d7d7d;
}
}
@media (max-width: 320px) {
@media (min-width: 320px) and (max-width: 870px) {
.post > .title {
margin-top: 10%;
}
.post > .title > .info {
flex-direction: column;
}
.post > .title > .info > span {
padding: 1% 1%;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.post > .title {
margin-top: 10%;
}
.post > .title > .info > span {
padding: 1% 1%;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.post > .title {
margin-top: 4rem;
}
.post > .title > .info {
flex-direction: row;
}
.post > .title > .info > span {
margin: 0.25rem 0.25rem;
}
@ -997,7 +831,7 @@ footer .copyright a:hover {
color: #dbdbdb80;
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
.tag > ul {
padding: 2.5% 1%;
}
@ -1013,7 +847,7 @@ footer .copyright a:hover {
display: none;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.tag > ul {
padding: 0.625rem 0.1rem;
}
@ -1059,7 +893,7 @@ footer .copyright a:hover {
color: #dbdbdb80;
}
}
@media (max-width: 320px) {
@media (max-width: 870px) {
.tags {
margin: 7% 0;
}
@ -1067,15 +901,7 @@ footer .copyright a:hover {
margin: 2.5% 2.5%;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.tags {
margin: 7% 0;
}
.tags > ul > li {
margin: 2.5% 2.5%;
}
}
@media (min-width: 768px) and (max-width: 2048px) {
@media (min-width: 870px) and (max-width: 2048px) {
.tags {
margin: 5rem 0;
}

View File

@ -3,7 +3,6 @@
@import "base/variables";
@import "base/font";
@import "base/base";
// @import "base/media";
// 组件
@import "pages/layout/header";

View File

@ -11,18 +11,22 @@ html {
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 {
}
}
@include darkmode {
::-webkit-scrollbar-thumb {
background-color: blue;
}
::-webkit-scrollbar-thumb {
&:hover {
background-color: blue;
}
}
@ -48,7 +52,7 @@ body {
align-items: center;
}
// main
// main 主体
main {
display: flex;
flex-wrap: nowrap;
@ -57,28 +61,21 @@ main {
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);
}
// 320px 设备
@media (max-width: 320px) {
width: 90%;
margin-top: 3%;
padding-bottom: 7%;
}
// 768px 设备
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
width: 90%;
margin-top: 5%;
padding-bottom: 5%;
}
// 1440px 设备
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
width: 52rem;
margin-top: 4rem;
padding-bottom: 3rem;
@ -94,9 +91,8 @@ main>.links,
main>.post,
main>.tag,
main>.journals {
// 320px 设备
@media (max-width: 320px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
>ul {
margin-block-start: 0;
margin-block-end: 0;
@ -106,19 +102,8 @@ main>.journals {
padding: 2.5% 5%;
}
// 768px 设备
@media (min-width: 320px) and (max-width: 768px) {
>ul {
margin-block-start: 0;
margin-block-end: 0;
}
width: 90%;
padding: 2.5% 5%;
}
// 2048px 设备
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
width: 45rem;
padding: 1rem 0.1rem 1rem 0.1rem;
}

View File

@ -3,21 +3,17 @@
html {
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: antialiased;
font-size: 16px;
// =========== 320px 设备 ===========
@media (max-width: 320px) {
font-size: 14px;
}
// // =========== 移动端 ===========
// @media (max-width: 870px) {
// font-size: 16px;
// }
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
font-size: 16px;
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
font-size: 16px;
}
// // =========== 桌面端 ===========
// @media (min-width: 870px) and (max-width: 2048px) {
// font-size: 16px;
// }
}
// 衬线字体

View File

@ -1,35 +0,0 @@
@media (max-width: 320px) {
}
// // 超小屏幕手机小于 768px
// @media (min-width: 320px) and (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) {
// }

View File

@ -6,7 +6,8 @@
* 1.默认
* 2.深色
* 3.媒体查询
* - 320px
* - 870px
* - 2048px
*/
@import "../base/variables";
@ -63,33 +64,8 @@
}
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
>ul {
padding: 2.5% 1%;
>.year {
padding: 2.5% 0;
text-align: center;
}
>.title {
padding: 2.5% 0;
text-align: center;
}
>li {
justify-content: center;
>span {
display: none;
}
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
>ul {
padding: 2.5% 1%;
@ -106,8 +82,8 @@
}
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
>ul {
padding: 0.625rem 0.1rem;
@ -121,7 +97,4 @@
}
}
}
}

View File

@ -6,7 +6,8 @@
* 1.默认
* 2.深色
* 3.媒体查询
* - 320px
* - 870px
* - 2048px
*/
@import "../base/variables";
@ -61,27 +62,8 @@
}
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
>ul {
padding: 2.5% 1%;
>.name {
padding: 2.5% 0;
text-align: center;
}
>li {
justify-content: center;
>span {
display: none;
}
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
>ul {
padding: 2.5% 1%;
@ -96,8 +78,8 @@
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
>ul {
padding: 0.625rem 0.1rem;
>.name {
@ -162,18 +144,8 @@
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
margin: 7% 0;
>ul {
>li {
margin: 2.5% 2.5%;
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
margin: 7% 0;
>ul {
@ -183,15 +155,14 @@
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
margin: 5rem 0;
>ul {
>li {
margin: 0.5rem 1rem;
}
}
}

View File

@ -1,4 +1,14 @@
// 首页
/*
*
* 首页
*
* 按照顺序
* 1.默认
* 2.深色
* 3.媒体查询
* - 870px
* - 2048px
*/
@import "../base/variables";
.index {
@ -91,24 +101,8 @@
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
>h1 {
margin-block-start: 0;
text-align: center;
}
>.info {
padding: 1% 0 2% 0;
>span {
margin: 1% 1%;
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (min-width: 320px) and (max-width: 870px) {
>h1 {
margin-block-start: 0;
}
@ -122,8 +116,8 @@
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
>.info {
padding: 0.5rem 0 2rem 0;

View File

@ -1,6 +1,15 @@
/*
*
* 日志
*
* 按照顺序
* 1.默认
* 2.深色
* 3.媒体查询
* - 870px
* - 2048px
*/
@import "../base/variables";
// 日志
.journals {
>.name {
font-size: 1.5rem;
@ -44,25 +53,8 @@
}
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
>.name {
padding: 2.5% 0;
text-align: center;
}
>ul {
>li {
padding: 2.5% 0;
>.info {
padding: 1% 0;
}
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
>.name {
padding: 2.5% 0;
text-align: center;
@ -78,8 +70,8 @@
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
>.name {
padding: 0.5rem 0;
}

View File

@ -1,6 +1,15 @@
/*
*
* 友链
*
* 按照顺序
* 1.默认
* 2.深色
* 3.媒体查询
* - 870px
* - 2048px
*/
@import "../base/variables";
// 友链
.links {
>ul {
>.friend {
@ -48,24 +57,8 @@
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
>ul {
padding: 2.5% 1%;
>.friend {
padding: 2.5% 0;
text-align: center;
}
>li {
justify-content: center;
padding-bottom: 1%;
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
>ul {
padding: 2.5% 1%;
@ -79,8 +72,8 @@
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
>ul {
padding: 0.625rem 0.1rem;

View File

@ -1,6 +1,15 @@
/*
*
* 文章
*
* 按照顺序
* 1.默认
* 2.深色
* 3.媒体查询
* - 870px
* - 2048px
*/
@import "../base/variables";
// 文章
.post {
>.title {
>h1 {
@ -52,7 +61,6 @@
>.info {
border-bottom: 1px solid #434343;
flex-direction: column;
span {
color: #7d7d7d;
@ -64,37 +72,29 @@
}
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
>.title {
margin-top: 10%;
>.info{
>span{
padding: 1% 1%;
}
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (min-width: 320px) and (max-width: 870px) {
>.title {
margin-top: 10%;
>.info{
flex-direction: column;
>span{
padding: 1% 1%;
}
}
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
>.title {
margin-top: 4rem;
>.info{
flex-direction: row;
>span{
margin: 0.25rem 0.25rem;
}
}
}

View File

@ -1,6 +1,15 @@
/*
*
* 标志
*
* 按照顺序
* 1.默认
* 2.深色
* 3.媒体查询
* - 870px
* - 2048px
*/
@import "../base/variables";
// 标签
.tag {
>ul {
>.name {
@ -46,8 +55,8 @@
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
>ul {
padding: 2.5% 1%;
@ -67,8 +76,8 @@
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
>ul {
padding: 0.625rem 0.1rem;
>.name {
@ -94,7 +103,6 @@
font-size: 1rem;
>a {
// 浅色
color: #262626;
&:hover {
@ -131,8 +139,8 @@
}
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
margin: 7% 0;
>ul {
@ -141,19 +149,8 @@
}
}
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
margin: 7% 0;
>ul {
>li {
margin: 2.5% 2.5%;
}
}
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 移动端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
margin: 5rem 0;
>ul {

View File

@ -1,26 +1,20 @@
// 评论容器
.comment {
// 320px 设备
@media (max-width: 320px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
width: 90%;
margin: 5% 0;
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
width: 90%;
margin: 5% 0;
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
margin-top: 2rem;
width: 52rem;
}
}
// 评论 首页 按钮
// 评论首页按钮
.post-bottom-menu {
display: flex;
justify-content: space-around;
@ -32,43 +26,30 @@
&:hover {
color: #595959;
}
}
// 深色
// =========== 深色 ===========
@include darkmode {
border-top: 1px solid #e7e7e7;
>a {
color: #b6b6b6;
// 深色
@include darkmode {
color: #b6b6b6;
&:hover {
color: #434343;
}
&:hover {
color: #434343;
}
}
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
margin-top: 7%;
padding-top: 7%;
width: 80%;
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
margin-top: 7%;
padding-top: 5%;
width: 80%;
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
margin-top: 2rem;
padding-top: 2rem;
width: 40rem;

View File

@ -18,7 +18,7 @@ footer {
}
}
// 深色
// =========== 深色 ===========
@include darkmode {
.copyright> {
>a {
@ -31,20 +31,13 @@ footer {
}
}
// 320px 设备
@media (max-width: 320px) {
padding: 5% 0;
}
// 768px 设备
@media (min-width: 320px) and (max-width: 768px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
padding: 5% 0;
}
// 2048px 设备
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
padding: 2rem 0;
}
}

View File

@ -44,7 +44,7 @@
}
}
// 深色
// =========== 深色 ===========
@include darkmode {
>.title {
>a {
@ -74,8 +74,8 @@
}
// 320px 设备
@media (max-width: 320px) {
// =========== 移动端 ===========
@media (max-width: 870px) {
flex-direction: column;
align-items: center;
width: 90%;
@ -88,22 +88,8 @@
}
}
// 768px 设备
@media (min-width: 320px) and (max-width: 768px) {
flex-direction: column;
align-items: center;
width: 90%;
padding: 17% 5% 5% 5%;
>.description {
display: flex;
flex-direction: column;
align-items: center;
}
}
// 2048px 设备
@media (min-width: 768px) and (max-width: 2048px) {
// =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
width: 45rem;
padding: 7rem 0 3rem 0;
justify-content: space-between;
@ -118,5 +104,4 @@
align-items: flex-end;
}
}
}

View File

@ -24,18 +24,13 @@
}
}
// =========== 320px 设备 ===========
@media (max-width: 320px) {
padding: 5% 0 7% 0;
}
// =========== 768px 设备 ===========
@media (min-width: 320px) and (max-width: 768px) {
// // =========== 移动端 ===========
@media (max-width: 870px) {
padding: 4% 0 5% 0;
}
// =========== 2048px 设备 ===========
@media (min-width: 768px) and (max-width: 2048px) {
// // =========== 桌面端 ===========
@media (min-width: 870px) and (max-width: 2048px) {
padding: 2rem 0;
}
}

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["base/_font.scss","base/_base.scss","base/_variables.scss","pages/layout/_header.scss","pages/layout/_footer.scss","pages/layout/_pagenav.scss","pages/layout/_comment.scss","pages/_archives.scss","pages/_category.scss","pages/_index.scss","pages/_journals.scss","pages/_links.scss","pages/_post.scss","pages/_tag.scss"],"names":[],"mappings":"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","file":"redemption.css"}
{"version":3,"sourceRoot":"","sources":["base/_font.scss","base/_base.scss","base/_variables.scss","pages/layout/_header.scss","pages/layout/_footer.scss","pages/layout/_pagenav.scss","pages/layout/_comment.scss","pages/_archives.scss","pages/_category.scss","pages/_index.scss","pages/_journals.scss","pages/_links.scss","pages/_post.scss","pages/_tag.scss"],"names":[],"mappings":"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","file":"redemption.css"}

File diff suppressed because one or more lines are too long