curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(css): consistent font-size across phone screen 

- avoid reducing font size in smaller screen
This commit is contained in:
MDLeom 2020-12-05 11:42:01 +00:00
parent c01dd395b1
commit 520cafa35c
No known key found for this signature in database
GPG Key ID: 32D3E28E96A695E8
2 changed files with 2 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
themes/chameleon/source/css/_source.css
View File

@ -7,7 +7,6 @@
--main-font-color: #e6e6e6; --main-font-color: #e6e6e6;
--link-hover: white; --link-hover: white;
--alt-bg-color: #333; --alt-bg-color: #333;
--font-size: 1.2em;
--link-underline: #3d73b0; --link-underline: #3d73b0;
} }
@ -21,7 +20,7 @@ body {
color: var(--main-font-color); color: var(--main-font-color);
background: var(--main-bg-color); background: var(--main-bg-color);
font-family: sans-serif; font-family: sans-serif;
font-size: var(--font-size); font-size: 1.2em;
/* https://stackoverflow.com/a/6654996 */ /* https://stackoverflow.com/a/6654996 */
min-height: 100%; min-height: 100%;
line-height: 1.5; line-height: 1.5;
@ -322,7 +321,6 @@ span.index-list-count:after {
/* https://jrl.ninja/etc/1/ */ /* https://jrl.ninja/etc/1/ */
.archive-container { .archive-container {
position: relative; position: relative;
font-size: 1em;
max-width: 80ch; max-width: 80ch;
padding: 2ch; padding: 2ch;
margin: auto; margin: auto;
@ -768,10 +766,6 @@ unhide (via JS) if Web Share API is supported */
} }
@media (max-width: 768px) { @media (max-width: 768px) {
body {
font-size: 1.2em;
}
.article-title { .article-title {
font-size: 1.8rem; font-size: 1.8rem;
} }
@ -798,10 +792,6 @@ unhide (via JS) if Web Share API is supported */
} }
@media (max-width: 468px) { @media (max-width: 468px) {
:root {
--font-size: 1em;
}
.archive-container .archive-footer, .archive-container .archive-footer,
.archive-container .post-footer { .archive-container .post-footer {
padding: 1em; padding: 1em;
@ -814,10 +804,6 @@ unhide (via JS) if Web Share API is supported */
} }
@media (max-width: 320px) { @media (max-width: 320px) {
:root {
--font-size: 0.9em;
}
.article { .article {
font-size: 1em; font-size: 1em;
} }

16
themes/chameleon/source/css/chameleon.css
View File

@ -474,7 +474,6 @@ select:not([multiple]):not([size]) {
--main-font-color: #e6e6e6; --main-font-color: #e6e6e6;
--link-hover: white; --link-hover: white;
--alt-bg-color: #333; --alt-bg-color: #333;
--font-size: 1.2em;
--link-underline: #3d73b0; --link-underline: #3d73b0;
} }
@ -488,7 +487,7 @@ body {
color: var(--main-font-color); color: var(--main-font-color);
background: var(--main-bg-color); background: var(--main-bg-color);
font-family: sans-serif; font-family: sans-serif;
font-size: var(--font-size); font-size: 1.2em;
/* https://stackoverflow.com/a/6654996 */ /* https://stackoverflow.com/a/6654996 */
min-height: 100%; min-height: 100%;
line-height: 1.5; line-height: 1.5;
@ -793,7 +792,6 @@ span.index-list-count:after {
/* https://jrl.ninja/etc/1/ */ /* https://jrl.ninja/etc/1/ */
.archive-container { .archive-container {
position: relative; position: relative;
font-size: 1em;
max-width: 80ch; max-width: 80ch;
padding: 2ch; padding: 2ch;
margin: auto; margin: auto;
@ -1239,10 +1237,6 @@ unhide (via JS) if Web Share API is supported */
} }
@media (max-width: 768px) { @media (max-width: 768px) {
body {
font-size: 1.2em;
}
.article-title { .article-title {
font-size: 1.8rem; font-size: 1.8rem;
} }
@ -1269,10 +1263,6 @@ unhide (via JS) if Web Share API is supported */
} }
@media (max-width: 468px) { @media (max-width: 468px) {
:root {
--font-size: 1em;
}
.archive-container .archive-footer, .archive-container .archive-footer,
.archive-container .post-footer { .archive-container .post-footer {
padding: 1em; padding: 1em;
@ -1285,10 +1275,6 @@ unhide (via JS) if Web Share API is supported */
} }
@media (max-width: 320px) { @media (max-width: 320px) {
:root {
--font-size: 0.9em;
}
.article { .article {
font-size: 1em; font-size: 1em;
} }