src/styles/portrait.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

@media (orientation: portrait) {

    html {
        background-image: url('../images/vertical_background.png');
        background-position: top center;
        background-repeat: no-repeat;
        background-color: transparent;
    }

    body {
        .speedometertop {
            display: block;
        }

        .speedometerbottom {
            display: none;
        }

        .car {
            .warning {
                left: 35%;
                top: 50%;
                animation: blink 3s linear infinite;
            }
        }
    }
}