style: adjust typography and responsiveness
This commit is contained in:
parent
c2d81d74cf
commit
53e30ab379
1 changed files with 14 additions and 6 deletions
|
@ -465,7 +465,7 @@ table.image caption {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 0px) and (max-width: 767px) {
|
@media only screen and (min-width: 0px) and (max-width: 650px) {
|
||||||
article .post-content p,
|
article .post-content p,
|
||||||
article .post-content ul li,
|
article .post-content ul li,
|
||||||
article .post-content ol li,
|
article .post-content ol li,
|
||||||
|
@ -483,6 +483,18 @@ table.image caption {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.blog-home {
|
||||||
|
&__list-items {
|
||||||
|
&__item {
|
||||||
|
&__header {
|
||||||
|
&__title {
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
caption {
|
caption {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
@ -499,8 +511,7 @@ table.image caption {
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
}
|
}
|
||||||
.side-panel {
|
.side-panel {
|
||||||
width: 100%; // calc(100%-1em) !important;
|
width: 100%;
|
||||||
// margin: 0 15px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-list li h3 a {
|
.post-list li h3 a {
|
||||||
|
@ -511,9 +522,6 @@ table.image caption {
|
||||||
background-color: #90c049 !important;
|
background-color: #90c049 !important;
|
||||||
border: 1px solid hsla(0, 0%, 100%, 0.3) !important;
|
border: 1px solid hsla(0, 0%, 100%, 0.3) !important;
|
||||||
}
|
}
|
||||||
.site-nav .menu-icon {
|
|
||||||
width: 27px;
|
|
||||||
}
|
|
||||||
.site-nav .menu-icon > svg path {
|
.site-nav .menu-icon > svg path {
|
||||||
fill: #ffffff;
|
fill: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue