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

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

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