diff --git a/style.css b/style.css index 1c17708..900c397 100644 --- a/style.css +++ b/style.css @@ -72,7 +72,7 @@ display: flex; flex-direction: column; justify-content: center; - height: 40vmin; + height: var(--clock-size); } .current-time.manual::before { @@ -370,6 +370,7 @@ /* Layout combining current time and analog clock */ .time-display { + --clock-size: 40vmin; display: flex; flex-wrap: wrap; justify-content: flex-start; @@ -379,7 +380,6 @@ .analog-clock-container { - --clock-size: 40vmin; flex: 0 0 auto; width: var(--clock-size); margin-left: auto; @@ -514,7 +514,7 @@ body.fullscreen-clock .clock-label { } @media only screen and (max-height: 430px) and (orientation: landscape) { - .analog-clock-container { + .time-display { --clock-size: 70vmin; } }