mathias/rss-reader
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New feauter, change font family and font size

Browse Source
This commit is contained in:
mathias
2026-06-19 13:42:57 +02:00
parent 5417176dd4
commit a90d10368e
10 changed files with 264 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vue/src/assets/base.css
+5
View File
@@ -23,6 +23,11 @@
/* semantic color variables for this project */
:root {
--headline-font-family: Glook, 'Courier New';
--content-font-family: Merriweather, Georgia, 'Times New Roman', Times, serif;
--headline-font-size-scale: 1;
--content-font-size-scale: 1;
--color-background: var(--vt-c-white);
--color-background-soft: var(--vt-c-white-soft);
--color-background-mute: var(--vt-c-white-mute);
vue/src/assets/main.css
+5 -5
View File
@@ -69,8 +69,8 @@ a,
.feed-title {
cursor: pointer;
font-family: Glook, 'Courier New';
font-size: clamp(1.4rem, 5vw, 2rem);
font-family: var(--headline-font-family);
font-size: calc(clamp(1.4rem, 5vw, 2rem) * var(--headline-font-size-scale));
font-weight: bold;
color: var(--color-accent-2);
border-bottom: 1px solid #ccc;
@@ -84,8 +84,8 @@ a,
}
.feed-content {
font-family: Merriweather, Georgia, 'Times New Roman', Times, serif;
font-size: clamp(1rem, 3.5vw, 1.25rem);
font-family: var(--content-font-family);
font-size: calc(clamp(1rem, 3.5vw, 1.25rem) * var(--content-font-size-scale));
padding: 0 1em 1em;
overflow-wrap: break-word;
}
@@ -101,7 +101,7 @@ a,
.feed-content h3 {
padding: 0.5em 0;
font-size: clamp(1rem, 3vw, 1.3rem);
font-size: calc(clamp(1rem, 3vw, 1.3rem) * var(--headline-font-size-scale));
font-weight: bold;
}