Blog index page for small screen

This commit is contained in:
yafeilee 2016-04-27 14:05:47 +08:00
parent 5f292edafc
commit 1e2255e14f
3 changed files with 8 additions and 4 deletions

View File

@ -58,7 +58,7 @@ $foundation-palette: (
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$black: #333333;
$white: #fefefe;
$body-background: $white;
$body-font-color: $black;

View File

@ -1,5 +1,7 @@
.self-introduce {
margin-top: 1.875rem;
@media screen and (min-width: 64em) {
margin-top: 1.875rem;
}
h1, h2, h3, h4, h5, h6 {
}

View File

@ -34,7 +34,7 @@
}
.published-at {
@media only screen and (min-width: 40.063em) {
@media screen and (min-width: 40.063em) {
text-align: right;
}
margin-top: 1rem;
@ -48,7 +48,9 @@
}
.recent-content {
padding-bottom: 3rem;
@media screen and (min-width: 64em) {
padding-bottom: 3rem;
}
li {
list-style: disc;
}