style: adjust typography and responsiveness

This commit is contained in:
Ayo 2023-05-28 11:03:15 +02:00
parent c2d81d74cf
commit 53e30ab379

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 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;
} }