src/styles/app.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
32
33
34
35
36
37
38
39
40

$colors: (
  primary:          #00ADDC,
  font:             #FFFFFF,
  grey:             #848286,
  button:           #313131,
  background:       #363636
);
@media (max-device-width: 720px) and (orientation: portrait) {
    $header_size: 145px;

    @import "main.scss";
    @import "portrait.scss";
    @import "720.scss";
}

@media (max-device-width: 1280px) and (orientation: landscape) {
    $header_size: 145px;

    @import "main.scss";
    @import "landscape.scss";
    @import "720.scss";
}

@media (min-device-width: 1080px) and (orientation: portrait) {
    $header_size: 218px;

    @import "main.scss";
    @import "portrait.scss";
    @import "1080.scss";
}

@media (min-device-width: 1920px) and (orientation: landscape) {
    $header_size: 218px;

    @import "main.scss";
    @import "landscape.scss";
    @import "1080.scss";
}

@import "style.css";