UNPKG

784 Btext/lessView Raw
1.adsum-clock-wrapper {
2 display: flex;
3 align-items: center;
4 justify-content: center;
5
6 .adsum-clock {
7 color: lightgray;
8 text-align: center;
9
10 .day-date {
11 margin: 0;
12 letter-spacing: -2px;
13 color: #ababab;
14 }
15
16 .time {
17 font-weight: bold;
18 color: #404040;
19 }
20
21 .divider {
22 width: 40px;
23 margin: 0 auto;
24 border-width: 3px;
25 }
26 }
27}
28
29@media (orientation: landscape) {
30 .adsum-clock-wrapper {
31 height: 100%;
32
33 .adsum-clock {
34 font-size: 2.3em;
35
36 .day-date {
37 font-size: 1.0em;
38 }
39 }
40 }
41}
42
43@media (orientation: portrait) {
44 .adsum-clock-wrapper {
45
46 .adsum-clock {
47 font-size: 1.8em;
48 text-align: right;
49
50 .day-date {
51 font-size: 0.7em;
52 }
53 }
54 }
55}