diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-11-06 12:00:33 +0100 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 20:08:45 +0100 |
| commit | 9cf5d57a7338a94988d1607b4cb827d28c9fbd2f (patch) | |
| tree | 3e8f267e6a103b9c06a8b27d5a7694d3f3a3a85e /src/styles/app.scss | |
| parent | f7706937006365477c7f5f97077bb9ea93976716 (diff) | |
FUNCT Add support for 720p and 1080p
Diffstat (limited to 'src/styles/app.scss')
| -rw-r--r-- | src/styles/app.scss | 33 |
1 files changed, 30 insertions, 3 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss index 5e7fbd4..1cdeb22 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -2,7 +2,34 @@ $colors: ( primary: #00ADDC, font: #999999 ); +@media (max-device-width: 720px) and (orientation: portrait) { + $header_size: 145px; -@import "main.scss"; -@import "portrait.scss"; -@import "landscape.scss";
\ No newline at end of file + @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"; +} |