Auto merge of #2102 - Turbo87:mixins, r=locks

styles: Remove obsolete SASS mixins

Most of these SASS mixins are no longer needed because all of our target browsers support these CSS properties by default now. For all others we should eventually use https://github.com/postcss/autoprefixer instead.

r? @locks

Author: bors

app/styles/_helpers.scss

@@ -1,5 +1,4 @@
 @import "normalize";
-@import "helpers";
 
 $html-bg: #3b6837;
 $main-color: #383838;
@@ -27,9 +26,9 @@ html, body { margin: 0; }
 body {
   font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
   font-size: 16px;
-  @include display-flex;
-  @include flex-direction(column);
-  @include align-items(center);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 /* .ember-application is added by Ember after initial rendering */
@@ -42,13 +41,13 @@ body > div {
 }
 
 #main {
-  @include display-flex;
-  @include flex-direction(column);
+  display: flex;
+  flex-direction: column;
 
   margin-bottom: 10px;
   background-color: $main-bg;
   padding: 15px;
-  @include border-radius(10px);
+  border-radius: 10px;
   box-shadow: 0px 0px 5px 2px #3b6837;
   border: 5px solid #62865f;
   color: $main-color;
@@ -58,9 +57,9 @@ body > div {
     color: white;
     position: relative;
     height: 100px;
-    @include display-flex;
-    @include align-items(center);
-    @include justify-content(space-between);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 
     a {
         color: white; text-decoration: none;
@@ -74,7 +73,7 @@ body > div {
     }
 
     .menu {
-        @include flex-grow(2);
+        flex-grow: 2;
         display: none;
     }
     .menu ul.dropdown {
@@ -108,8 +107,8 @@ body > div {
         min-width: 150px;
     }
     form.search {
-        @include display-flex;
-        @include flex-grow(1);
+        display: flex;
+        flex-grow: 1;
     }
     @media only screen and (max-width: 820px) {
         form.search { display: none; }
@@ -131,7 +130,7 @@ body > div {
     background-repeat: no-repeat;
     background-position: 6px 6px;
     background-size: 14px 15px;
-    @include border-radius(15px);
+    border-radius: 15px;
 }
 
 form.search label {
@@ -206,7 +205,7 @@ span.loading {
     text-align: center;
     margin: 0 0 10px 0;
     padding: 10px;
-    @include border-radius(5px);
+    border-radius: 5px;
 
     &.shown {
         display: block;
@@ -235,8 +234,8 @@ a {
     @media only screen and (max-width: 450px) {
         margin: 20px;
         .sep { display: none; }
-        @include display-flex;
-        @include flex-direction(column);
+        display: flex;
+        flex-direction: column;
 
         a {
             width: 50%;
@@ -287,7 +286,7 @@ ul.dropdown {
     list-style: none;
     z-index: 10;
     overflow: hidden;
-    @include border-radius(5px);
+    border-radius: 5px;
 
     li a {
         font-size: 90%;