diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-10-15 23:56:01 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:12:47 +0100 |
| commit | 394f3748c7e53239733703d9dc36af5897a38aef (patch) | |
| tree | d6bb4931bda6678eeba18c150592543f1995d7f3 /src/styles/app.scss | |
| parent | 396f570105d5f951f7e7da8f5da57e001a31a16b (diff) | |
FUNCT Add support for 1080 and 720
Diffstat (limited to 'src/styles/app.scss')
| -rw-r--r-- | src/styles/app.scss | 34 |
1 files changed, 30 insertions, 4 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss index 74edfcc..955a9b6 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -5,10 +5,36 @@ $colors: ( button: #313131, background: #363636 ); +@media (max-device-width: 720px) and (orientation: portrait) { + $header_size: 145px; -$header_size: 218px; + @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 "main.scss"; -@import "portrait.scss"; -@import "landscape.scss"; @import "style.css";
\ No newline at end of file |