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
28
29
30
31

@media (orientation: portrait) {

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

    body {
        .center {
            height: 100%;
        }

        .top{
            margin-top: 10%;
            margin-bottom: 15%;
        }

        .bottom {
            flex-direction: row;
            margin-top: 10%;

            .button {
                flex-basis: 20%;

                img {
                    width: 80%;
                    margin: 0 10%;
                }
            }
        }
    }
}