ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: adjust typography and responsiveness

Browse source
This commit is contained in:
Ayo 2023-05-28 11:03:15 +02:00
parent c2d81d74cf
commit 53e30ab379
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
assets/main.scss
View file

@ -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 ul li,
article .post-content ol li,
@ -483,6 +483,18 @@ table.image caption {
}
}
.blog-home {
&__list-items {
&__item {
&__header {
&__title {
font-size: 28px;
}
}
}
}
}
caption {
font-size: 12px;
}
@ -499,8 +511,7 @@ table.image caption {
padding: 0 1em;
}
.side-panel {
width: 100%; // calc(100%-1em) !important;
// margin: 0 15px;
width: 100%;
}
.post-list li h3 a {
@ -511,9 +522,6 @@ table.image caption {
background-color: #90c049 !important;
border: 1px solid hsla(0, 0%, 100%, 0.3) !important;
}
.site-nav .menu-icon {
width: 27px;
}
.site-nav .menu-icon > svg path {
fill: #ffffff;
}