aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/app.scss13
-rw-r--r--src/styles/landscape.scss6
-rw-r--r--src/styles/main.scss21
-rw-r--r--src/styles/portrait.scss10
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