yexuejc/solo-skins
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

👄 mobile

Browse Source
This commit is contained in:
Van
2018-12-08 11:33:35 +08:00
parent 7839389d81
commit 2b822081da
5 changed files with 102 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
Jane/css/base.css
View File

@@ -792,11 +792,12 @@ a {
.wrapper {
max-width: 768px;
margin: 0 auto;
padding: 0 70px 0 20px; }
padding: 0 70px 0 20px;
box-sizing: border-box; }
.footer {
color: #999;
padding: 30px 0;
margin: 30px auto;
line-height: 1.6em;
font-size: 0.85em; }
.footer a {
@@ -896,7 +897,7 @@ a {
.comment-body-ref {
position: absolute;
width: 664px;
width: 80%;
left: 84px; }
.comments__title {
@@ -972,7 +973,7 @@ a {
box-sizing: border-box;
font-size: 14px;
outline: none;
font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; }
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; }
.form button {
width: auto;
vertical-align: bottom;
@@ -986,3 +987,34 @@ a {
.form input:focus,
.form textarea:focus {
border-color: #2a2a2a; }
@media (max-width: 768px) {
.header {
position: inherit;
width: 100%;
height: 45px;
flex-direction: row;
padding-right: 10px; }
.header a, .header span {
float: left;
width: auto;
padding: 0;
line-height: 25px;
margin-left: 10px; }
.wrapper {
padding-right: 20px; }
.article__item {
margin: 20px 0; }
.article__item .tag {
display: none; }
.article__more {
margin-bottom: 40px; }
.footer {
text-align: right; }
.icon__up {
display: none; }
.pagination > .ft__center {
visibility: hidden;
height: 36px; }
.mobile__none {
display: none; } }

2
Jane/css/base.min.css vendored
View File

File diff suppressed because one or more lines are too long

63
Jane/css/base.scss
View File

@@ -119,12 +119,13 @@ a {
max-width: 768px;
margin: 0 auto;
padding: 0 70px 0 20px;
box-sizing: border-box;
}
// footer
.footer {
color: $gray;
padding: 30px 0;
margin: 30px auto;
line-height: 1.6em;
font-size: 0.85em;
a {
@@ -252,7 +253,6 @@ a {
}
}
// comments
#comments {
@@ -261,7 +261,7 @@ a {
.comment-body-ref {
position: absolute;
width: 664px;
width: 80%;
left: 84px;
}
@@ -359,7 +359,7 @@ a {
box-sizing: border-box;
font-size: 14px;
outline: none;
font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
button {
@@ -378,6 +378,59 @@ a {
input:focus,
textarea:focus {
border-color: #2a2a2a;
border-color: #2a2a2a;
}
}
@media (max-width: 768px) {
.header {
position: inherit;
width: 100%;
height: 45px;
flex-direction: row;
padding-right: 10px;
a, span {
float: left;
width: auto;
padding: 0;
line-height: 25px;
margin-left: 10px;
}
}
.wrapper {
padding-right: 20px;
}
.article {
&__item {
margin: 20px 0;
.tag {
display: none;
}
}
&__more {
margin-bottom: 40px;
}
}
.footer {
text-align: right;
}
.icon__up {
display: none;
}
.pagination > .ft__center {
visibility: hidden;
height: 36px;
}
.mobile__none {
display: none;
}
}