diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-10-16 23:46:48 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 09:42:15 +0100 |
| commit | da78790720ccad29e40bbe08aa8924ea8f8f1d2c (patch) | |
| tree | aae39a8384446bd67a9ee8756162d2eb5d7d261b /src/styles/app.scss | |
| parent | 6d32da2617e3545589da4e139484d75a4591bfe7 (diff) | |
FUNCT Add support for landscape and portrait using 1080 and 720
Diffstat (limited to 'src/styles/app.scss')
| -rw-r--r-- | src/styles/app.scss | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss index d97030b..cbba7fc 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -3,8 +3,28 @@ $colors: ( font: #FFFFFF, grey: #848286 ); +@media (max-device-width: 720px) and (orientation: portrait) { + @import "main.scss"; + @import "portrait.scss"; + @import "720.scss"; +} -@import "style.css"; -@import "main.scss"; -@import "portrait.scss"; -@import "landscape.scss";
\ No newline at end of file +@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"; +} + +@import "style.css";
\ No newline at end of file |