From da78790720ccad29e40bbe08aa8924ea8f8f1d2c Mon Sep 17 00:00:00 2001 From: Humberto Alfonso Díaz Date: Wed, 16 Oct 2019 23:46:48 +0200 Subject: FUNCT Add support for landscape and portrait using 1080 and 720 --- src/styles/app.scss | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) (limited to 'src/styles/app.scss') 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 -- cgit 1.2.3-korg