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

$colors: (
  primary:          #2962ff,
  font:             #c1d8ff,
  grey:             #1c2d92
);

@media (max-device-width: 720px) and (orientation: portrait) {
    @import "main.scss";
    @import "portrait.scss";
    @import "720.scss";
}

@media (max-device-width: 1280px) and (orientation: landscape) {
    @import "main.scss";
    @import "landscape.scss";
    @import "720.scss";
}

@media (min-device-width: 1080px) and (orientation: portrait) {
    @import "main.scss";
    @import "portrait.scss";
    @import "1080.scss";
}

@media (min-device-width: 1490px) and (orientation: landscape) {
    @import "main.scss";
    @import "landscape.scss";
    @import "1080.scss";
}