pages(media): add 2048px device
This commit is contained in:
parent
08153bf941
commit
89ac1d1ece
@ -13,6 +13,11 @@ html {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
html {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
[data-font=serif] {
|
[data-font=serif] {
|
||||||
font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
@ -93,6 +98,13 @@ main {
|
|||||||
padding-bottom: 5%;
|
padding-bottom: 5%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
main {
|
||||||
|
width: 52rem;
|
||||||
|
margin-top: 4rem;
|
||||||
|
padding-bottom: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 320px) {
|
@media (max-width: 320px) {
|
||||||
main > .index,
|
main > .index,
|
||||||
@ -142,6 +154,19 @@ main > .journals > ul {
|
|||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
main > .index,
|
||||||
|
main > .archives,
|
||||||
|
main > .categories,
|
||||||
|
main > .category,
|
||||||
|
main > .links,
|
||||||
|
main > .post,
|
||||||
|
main > .tag,
|
||||||
|
main > .journals {
|
||||||
|
width: 45rem;
|
||||||
|
padding: 1rem 0.1rem 1rem 0.1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -264,6 +289,21 @@ main > .journals > ul {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.header {
|
||||||
|
width: 45rem;
|
||||||
|
padding: 7rem 0 3rem 0;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.header > .title {
|
||||||
|
width: 6rem;
|
||||||
|
}
|
||||||
|
.header > .description {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
footer .copyright {
|
footer .copyright {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -295,6 +335,11 @@ footer .copyright a:hover {
|
|||||||
padding: 5% 0;
|
padding: 5% 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
footer {
|
||||||
|
padding: 2rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.pagenav {
|
.pagenav {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -326,6 +371,11 @@ footer .copyright a:hover {
|
|||||||
padding: 4% 0 5% 0;
|
padding: 4% 0 5% 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.pagenav {
|
||||||
|
padding: 2rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 320px) {
|
@media (max-width: 320px) {
|
||||||
.comment {
|
.comment {
|
||||||
@ -339,6 +389,12 @@ footer .copyright a:hover {
|
|||||||
margin: 5% 0;
|
margin: 5% 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.comment {
|
||||||
|
margin-top: 2rem;
|
||||||
|
width: 52rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.post-bottom-menu {
|
.post-bottom-menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -378,6 +434,13 @@ footer .copyright a:hover {
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.post-bottom-menu {
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding-top: 2rem;
|
||||||
|
width: 40rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
display: none;
|
display: none;
|
||||||
@ -461,6 +524,18 @@ footer .copyright a:hover {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.archives > ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
}
|
||||||
|
.archives > ul > .year {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.archives > ul > li {
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
*
|
*
|
||||||
@ -532,6 +607,18 @@ footer .copyright a:hover {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.category > ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
}
|
||||||
|
.category > ul > .name {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.category > ul > li {
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.categories > ul {
|
.categories > ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -582,6 +669,14 @@ footer .copyright a:hover {
|
|||||||
margin: 2.5% 2.5%;
|
margin: 2.5% 2.5%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.categories {
|
||||||
|
margin: 5rem 0;
|
||||||
|
}
|
||||||
|
.categories > ul > li {
|
||||||
|
margin: 0.5rem 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.index > h1 > a {
|
.index > h1 > a {
|
||||||
letter-spacing: 0.0625rem;
|
letter-spacing: 0.0625rem;
|
||||||
@ -673,6 +768,11 @@ footer .copyright a:hover {
|
|||||||
margin: 1% 1%;
|
margin: 1% 1%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.index > .info {
|
||||||
|
padding: 0.5rem 0 2rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.journals > .name {
|
.journals > .name {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
@ -714,6 +814,10 @@ footer .copyright a:hover {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
|
.journals > .name {
|
||||||
|
padding: 2.5% 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
.journals > ul > li {
|
.journals > ul > li {
|
||||||
padding: 2.5% 0;
|
padding: 2.5% 0;
|
||||||
}
|
}
|
||||||
@ -721,6 +825,17 @@ footer .copyright a:hover {
|
|||||||
padding: 1% 0;
|
padding: 1% 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.journals > .name {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.journals > ul > li {
|
||||||
|
padding: 1rem 0.1rem;
|
||||||
|
}
|
||||||
|
.journals > ul > li > .info {
|
||||||
|
padding: 1rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.links > ul > .friend {
|
.links > ul > .friend {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
@ -776,6 +891,17 @@ footer .copyright a:hover {
|
|||||||
padding-bottom: 1%;
|
padding-bottom: 1%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.links > ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
}
|
||||||
|
.links > ul > .friend {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.links > ul > li {
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.post > .title > h1 > a {
|
.post > .title > h1 > a {
|
||||||
letter-spacing: 0.0625rem;
|
letter-spacing: 0.0625rem;
|
||||||
@ -834,6 +960,14 @@ footer .copyright a:hover {
|
|||||||
padding: 1% 1%;
|
padding: 1% 1%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.post > .title {
|
||||||
|
margin-top: 4rem;
|
||||||
|
}
|
||||||
|
.post > .title > .info > span {
|
||||||
|
margin: 0.25rem 0.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.tag > ul > .name {
|
.tag > ul > .name {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
@ -879,6 +1013,18 @@ footer .copyright a:hover {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.tag > ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
}
|
||||||
|
.tag > ul > .name {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.tag > ul > li {
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.tags > ul {
|
.tags > ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -929,5 +1075,13 @@ footer .copyright a:hover {
|
|||||||
margin: 2.5% 2.5%;
|
margin: 2.5% 2.5%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
.tags {
|
||||||
|
margin: 5rem 0;
|
||||||
|
}
|
||||||
|
.tags > ul > li {
|
||||||
|
margin: 0.5rem 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=redemption.css.map */
|
/*# sourceMappingURL=redemption.css.map */
|
||||||
|
@ -76,6 +76,13 @@ main {
|
|||||||
margin-top: 5%;
|
margin-top: 5%;
|
||||||
padding-bottom: 5%;
|
padding-bottom: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 1440px 设备
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
width: 52rem;
|
||||||
|
margin-top: 4rem;
|
||||||
|
padding-bottom: 3rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 页面宽度
|
// 页面宽度
|
||||||
@ -109,6 +116,12 @@ main>.journals {
|
|||||||
width: 90%;
|
width: 90%;
|
||||||
padding: 2.5% 5%;
|
padding: 2.5% 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 2048px 设备
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
width: 45rem;
|
||||||
|
padding: 1rem 0.1rem 1rem 0.1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -3,6 +3,7 @@
|
|||||||
html {
|
html {
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
|
|
||||||
// =========== 320px 设备 ===========
|
// =========== 320px 设备 ===========
|
||||||
@media (max-width: 320px) {
|
@media (max-width: 320px) {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -12,10 +13,15 @@ html {
|
|||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 衬线字体
|
// 衬线字体
|
||||||
[data-font="serif"]{
|
[data-font="serif"] {
|
||||||
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
||||||
'Noto Sans', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
'Noto Sans', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
||||||
'Noto Color Emoji';
|
'Noto Color Emoji';
|
||||||
@ -23,9 +29,9 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 无衬线字体
|
// 无衬线字体
|
||||||
[data-font="sans"]{
|
[data-font="sans"] {
|
||||||
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
||||||
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
||||||
'Noto Color Emoji';
|
'Noto Color Emoji';
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
@ -106,4 +106,22 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
>ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
|
||||||
|
>.year {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
>li {
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
@ -95,6 +95,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
>ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
>.name {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
>li {
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -168,4 +182,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
margin: 5rem 0;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
|
||||||
|
>li {
|
||||||
|
margin: 0.5rem 1rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
@ -93,10 +93,11 @@
|
|||||||
|
|
||||||
// =========== 320px 设备 ===========
|
// =========== 320px 设备 ===========
|
||||||
@media (max-width: 320px) {
|
@media (max-width: 320px) {
|
||||||
>h1{
|
>h1 {
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
>.info {
|
>.info {
|
||||||
padding: 1% 0 2% 0;
|
padding: 1% 0 2% 0;
|
||||||
|
|
||||||
@ -108,9 +109,10 @@
|
|||||||
|
|
||||||
// =========== 768px 设备 ===========
|
// =========== 768px 设备 ===========
|
||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
>h1{
|
>h1 {
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
>.info {
|
>.info {
|
||||||
padding: 1% 0 2% 0;
|
padding: 1% 0 2% 0;
|
||||||
|
|
||||||
@ -119,4 +121,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
|
||||||
|
>.info {
|
||||||
|
padding: 0.5rem 0 2rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
@ -63,6 +63,10 @@
|
|||||||
}
|
}
|
||||||
// =========== 768px 设备 ===========
|
// =========== 768px 设备 ===========
|
||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
|
>.name {
|
||||||
|
padding: 2.5% 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
>ul {
|
>ul {
|
||||||
>li {
|
>li {
|
||||||
padding: 2.5% 0;
|
padding: 2.5% 0;
|
||||||
@ -73,4 +77,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
>.name {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
>ul {
|
||||||
|
>li {
|
||||||
|
padding: 1rem 0.1rem;
|
||||||
|
|
||||||
|
>.info {
|
||||||
|
padding: 1rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
@ -78,4 +78,19 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
>ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
|
||||||
|
>.friend {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
>li {
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
@ -87,4 +87,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
>.title {
|
||||||
|
margin-top: 4rem;
|
||||||
|
>.info{
|
||||||
|
>span{
|
||||||
|
margin: 0.25rem 0.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
@ -66,6 +66,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
>ul {
|
||||||
|
padding: 0.625rem 0.1rem;
|
||||||
|
>.name {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
>li {
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 标签目录
|
// 标签目录
|
||||||
@ -127,6 +141,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// =========== 768px 设备 ===========
|
// =========== 768px 设备 ===========
|
||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
margin: 7% 0;
|
margin: 7% 0;
|
||||||
@ -137,5 +152,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
margin: 5rem 0;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
|
||||||
|
>li {
|
||||||
|
margin: 0.5rem 1rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
@ -12,6 +12,12 @@
|
|||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 5% 0;
|
margin: 5% 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
margin-top: 2rem;
|
||||||
|
width: 52rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 评论 首页 按钮
|
// 评论 首页 按钮
|
||||||
@ -53,12 +59,20 @@
|
|||||||
padding-top: 7%;
|
padding-top: 7%;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
// =========== 768px 设备 ===========
|
// =========== 768px 设备 ===========
|
||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
margin-top: 7%;
|
margin-top: 7%;
|
||||||
padding-top: 5%;
|
padding-top: 5%;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding-top: 2rem;
|
||||||
|
width: 40rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
|
@ -40,4 +40,11 @@ footer {
|
|||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
padding: 5% 0;
|
padding: 5% 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 2048px 设备
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
padding: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
@ -101,4 +101,22 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 2048px 设备
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
width: 45rem;
|
||||||
|
padding: 7rem 0 3rem 0;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
>.title {
|
||||||
|
width: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
>.description {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
@ -33,4 +33,9 @@
|
|||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 768px) {
|
||||||
padding: 4% 0 5% 0;
|
padding: 4% 0 5% 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
// =========== 2048px 设备 ===========
|
||||||
|
@media (min-width: 768px) and (max-width: 2048px) {
|
||||||
|
padding: 2rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -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"}
|
Reference in New Issue
Block a user