MNG-77_SetupSASSforProject

styles/SASS/_animations.scss

@@ -0,0 +1 @@
+// Placeholder for animations (keyframes)

styles/SASS/_config.scss

@@ -0,0 +1,13 @@
+// Placeholder for variables, colors, mixins etc.
+
+// Example of variable
+$background-color: white;
+$text-color: black;
+$mobile: 800px;
+
+
+@mixins mobile {
+    @media (max-width: $mobile) {
+        @content
+    }
+}

styles/SASS/_fight-view.scss

@@ -0,0 +1 @@
+// Styles for pokemon fighting screen. Common elements should be added to _config.scss in mixins.

styles/SASS/_loading-view.scss

@@ -0,0 +1 @@
+// Styles for loading screen. Common elements should be added to _config.scss in mixins.

styles/SASS/_pokemon-choose-view.scss

@@ -0,0 +1 @@
+// Styles for pokemon choosing screen. Common elements should be added to _config.scss in mixins.

styles/SASS/_resets.scss

@@ -0,0 +1,5 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}

styles/SASS/_responsive-view.scss

@@ -0,0 +1,2 @@
+// Placeholder for @media-query-breakpoints
+

styles/SASS/_start-view.scss

@@ -0,0 +1 @@
+// Styles for start page. Common elements should be added to _config.scss in mixins.

styles/SASS/app.scss

@@ -0,0 +1,38 @@
+// File should contains:
+// - styles for body, footer, p, h1, ... 
+// - styles for buttons and scrollbars
+// - imports for rest of _<name>.scss files
+
+@import './resets';
+@import './config';
+@import './loading-view';
+@import './start-view';
+@import './pokemon-choose-view';
+@import './fight-view';
+@import './animations';
+@import './responsive-view';
+
+body {
+    background-color: $background-color;
+    color: $text-color;
+}
+
+footer {
+    // ...
+}
+
+p {
+    // ...
+}
+
+a {
+    // ...
+}
+
+h1 {
+    // ...
+}
+
+h2 {
+    // ...
+}