From d90c2b646f8bb02f6542d0558a46e954f7d15efa Mon Sep 17 00:00:00 2001
From: Humberto Alfonso Díaz <humberto.alfonso@asvito.es>
Date: Thu, 20 Jun 2019 09:01:08 +0200
Subject: RESTRUCT Split style into several files

---
 src/styles/app.scss       |  4 ++++
 src/styles/landscape.scss | 12 ++++++++++++
 src/styles/main.scss      | 29 +++++++++++++++++++++++++++++
 src/styles/portrait.scss  | 12 ++++++++++++
 src/styles/svg.scss       | 18 ++++++++++++++++++
 5 files changed, 75 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
 create mode 100644 src/styles/svg.scss

(limited to 'src/styles')

diff --git a/src/styles/app.scss b/src/styles/app.scss
new file mode 100644
index 0000000..f986a37
--- /dev/null
+++ b/src/styles/app.scss
@@ -0,0 +1,4 @@
+@import "main.scss";
+@import "svg.scss";
+@import "portrait.scss";
+@import "landscape.scss";
\ No newline at end of file
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
new file mode 100644
index 0000000..39ac270
--- /dev/null
+++ b/src/styles/landscape.scss
@@ -0,0 +1,12 @@
+@media (orientation: landscape) {
+
+    html {
+        background-image: url('../images/horizontal_background.png');
+    }
+
+    body {
+        .item {
+            flex-basis: 25%;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
new file mode 100644
index 0000000..226509e
--- /dev/null
+++ b/src/styles/main.scss
@@ -0,0 +1,29 @@
+html {
+    height: 100%;
+    background-size: cover;
+}
+
+body {
+    font-size: 1.2rem;
+    font-family: Arial;
+    color: #999999;
+    margin: 5%;
+
+    .parent {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        align-items: flex-start;
+        height: 100%;
+
+        .item {
+            .name {
+                width: 100%;
+                text-align: center;
+                text-transform: uppercase;
+                margin-top: -20%;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss
new file mode 100644
index 0000000..a4eb732
--- /dev/null
+++ b/src/styles/portrait.scss
@@ -0,0 +1,12 @@
+@media (orientation: portrait) {
+
+    html {
+        background-image: url('../images/vertical_background.png');
+    }
+
+    body {
+        .item {
+            flex-basis: 33%;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles/svg.scss b/src/styles/svg.scss
new file mode 100644
index 0000000..eddbbe5
--- /dev/null
+++ b/src/styles/svg.scss
@@ -0,0 +1,18 @@
+body {
+    svg {
+        path,
+        polygon,
+        linearGradient,
+        rect {
+            fill: #00ADDC !important;
+        }
+
+        circle {
+            fill: none !important;
+        }
+
+        text {
+            display: none !important;
+        }
+    }
+}
\ No newline at end of file
-- 
cgit 1.2.3-korg