kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 19:53:36 +00:00
Code Issues Projects Releases Wiki Activity

Introduce font-size-small property and use it in calendar too (clean it up too)

Browse Source
This commit is contained in:
veeck 2021-05-08 18:29:53 +02:00
parent 21790b32bf
commit 6d356ff770
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/main.css
View File

@ -3,10 +3,13 @@
--color-text-dimmed: #666; --color-text-dimmed: #666;
--color-text-bright: #fff; --color-text-bright: #fff;
--color-background: #000; --color-background: #000;
--font-size: 20px;
--font-primary: "Roboto Condensed"; --font-primary: "Roboto Condensed";
--font-secondary: "Roboto"; --font-secondary: "Roboto";
--font-size: 20px;
--font-size-small: 0.75rem;
--gap-body: 60px; --gap-body: 60px;
--gap-modules: calc(var(--gap-body) / 2); --gap-modules: calc(var(--gap-body) / 2);
} }
@ -53,7 +56,7 @@ body {
} }
.xsmall { .xsmall {
font-size: 0.75rem; font-size: var(--font-size-small);
line-height: 1.275; line-height: 1.275;
} }
@ -108,7 +111,7 @@ body {
header { header {
text-transform: uppercase; text-transform: uppercase;
font-size: 0.75rem; font-size: var(--font-size-small);
font-family: var(--font-primary), Arial, Helvetica, sans-serif; font-family: var(--font-primary), Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
border-bottom: 1px solid var(--color-text-dimmed); border-bottom: 1px solid var(--color-text-dimmed);

9
modules/default/calendar/calendar.css
View File

@ -1,13 +1,14 @@
.calendar .symbol { .calendar .symbol {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-left: 0; padding-left: 0;
padding-right: 10px; padding-right: 10px;
font-size: 80%; font-size: var(--font-size-small);
vertical-align: top;
} }
.calendar .symbol span { .calendar .symbol span {
display: inline-block; padding-top: 4px;
transform: translate(0, 2px);
} }
.calendar .title { .calendar .title {