diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/app.scss | 13 | ||||
-rw-r--r-- | src/styles/landscape.scss | 6 | ||||
-rw-r--r-- | src/styles/main.scss | 21 | ||||
-rw-r--r-- | src/styles/portrait.scss | 10 |
4 files changed, 50 insertions, 0 deletions
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 |