src/styles/landscape.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
28

@media (orientation: landscape) {

    html {
        background-image: url('../images/horizontal_background.png');
    }

    body {
        .speedometertop {
            display: none;
        }

        .speedometerbottom {
            display: block;
        }

        .inforow {
            margin-top: 0 !important;
        }

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