From c1afd8404aca7a86a254a9ee8f80a87a5d8863c9 Mon Sep 17 00:00:00 2001 From: Humberto Alfonso Díaz Date: Mon, 9 Dec 2019 12:34:13 +0100 Subject: STRUCT Create project structure --- src/styles/app.scss | 13 +++++++++++++ src/styles/landscape.scss | 6 ++++++ src/styles/main.scss | 21 +++++++++++++++++++++ src/styles/portrait.scss | 10 ++++++++++ 4 files changed, 50 insertions(+) create mode 100644 src/styles/app.scss create mode 100644 src/styles/landscape.scss create mode 100644 src/styles/main.scss create mode 100644 src/styles/portrait.scss (limited to 'src/styles') diff --git a/src/styles/app.scss b/src/styles/app.scss new file mode 100644 index 0000000..014e722 --- /dev/null +++ b/src/styles/app.scss @@ -0,0 +1,13 @@ +$body-bg: transparent; +$body-color: #FFFFFF; +$list-group-bg: transparent; +$font-size-base: 1.5rem; +$input-bg: transparent; +$input-color: #FFFFFF; + +@import "~bootstrap/scss/bootstrap"; +@import "main.scss"; +@import "portrait.scss"; +@import "landscape.scss"; +@import "~@fortawesome/fontawesome-free/css/all.min.css"; + diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss new file mode 100644 index 0000000..b7e1bf7 --- /dev/null +++ b/src/styles/landscape.scss @@ -0,0 +1,6 @@ +@media (orientation: landscape) { + + html { + background-image: url('../images/horizontal_background.png'); + } +} \ No newline at end of file diff --git a/src/styles/main.scss b/src/styles/main.scss new file mode 100644 index 0000000..e1d6ceb --- /dev/null +++ b/src/styles/main.scss @@ -0,0 +1,21 @@ +::-webkit-scrollbar { + display: none; +} + +html { + height: 100%; + background-size: cover; + -webkit-overflow-scrolling: touch; +} + +body { + .log { + display: none; + position: absolute; + bottom: 0; + left: 0; + width: 1080px; + background: white; + font-size: 1.5rem; + } +} \ No newline at end of file diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss new file mode 100644 index 0000000..f8db5e4 --- /dev/null +++ b/src/styles/portrait.scss @@ -0,0 +1,10 @@ +@media (orientation: portrait) { + + html { + background-image: url('../images/vertical_background.png'); + background-position: top center; + background-repeat: no-repeat; + background-color: transparent; + height: 992px; + } +} \ No newline at end of file -- cgit 1.2.3-korg