MNG-77_SetupSASSforProject

styles/SASS/_animations.scss

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

styles/SASS/_config.scss

@@ -0,0 +1,5 @@
+// Placeholder for variables, colors, mixins etc.
+
+// Example of variable
+$background-color: white;
+$text-color: black;

styles/SASS/_resets.scss

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

styles/SASS/_responsive-view.scss

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

styles/SASS/app.scss

@@ -0,0 +1,33 @@
+@import './resets';
+@import './loading-view';
+@import './start-view';
+@import './pokemon-choose-view';
+@import './fight-view';
+@import './animations';
+@import './config';
+@import './responsive-view';
+
+body {
+    background-color: $background-color;
+    color: $text-color;
+}
+
+footer {
+    // ...
+}
+
+p {
+    // ...
+}
+
+a {
+    // ...
+}
+
+h1 {
+    // ...
+}
+
+h2 {
+    // ...
+}