refactor: remove mixins.less. flex browser-prefixes not needed

static/css/components/buttonCta.less

@@ -95,7 +95,9 @@ a.cta-btn {
   &--shell,
   &--shell:link,
   &--shell:visited {
-    .shell-btn--active();
+    background-color: @white;
+    border: 2px solid @primary-blue;
+    color: @primary-blue;
   }
   &--shell:disabled {
     border: 2px solid @light-grey;

static/css/components/carousel.less

@@ -22,7 +22,7 @@
 }
 
 .carousel {
-  .display-flex();
+  display: flex;
   margin-bottom: 15px;
   overflow-x: scroll;
   padding: 10px 20px;

static/css/components/footer.less

@@ -8,7 +8,7 @@ div#footer-content {
 }
 
 div#footer-links {
-  .display-flex();
+  display: flex;
   margin-left: 10px;
   line-height: 1.5em;
 }
@@ -23,13 +23,13 @@ div#footer-links {
 }
 
 footer {
-  .display-flex();
+  display: flex;
   width: 100%;
   bottom: 0;
   font-size: 0.8em;
   #footer-details {
     color: @dark-grey;
-    .display-flex();
+    display: flex;
     width: 100%;
   }
   h2 {

static/css/components/fulltext-search-suggestion-item.less

@@ -1,6 +1,6 @@
 .fsi {
   &__main {
-    .display-flex();
+    display: flex;
     flex-direction: row;
     background-color: @white;
     padding: 5px;

static/css/components/fulltext-search-suggestion.less

@@ -11,7 +11,7 @@
   padding: 5px;
   margin-bottom: 3px;
   border-bottom: 1px solid @light-beige;
-  .display-flex();
+  display: flex;
   flex-direction: column;
 
   &__header {

static/css/components/generic-dropper.less

@@ -52,7 +52,7 @@
       height: inherit;
       width: 32px;
 
-      .display-flex();
+      display: flex;
       justify-content: center;
       align-items: center;
 

static/css/components/header-bar--desktop.less

@@ -18,7 +18,7 @@
   }
 
   .navigation-component {
-    .display-flex();
+    display: flex;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;

static/css/components/header-bar.less

@@ -14,7 +14,7 @@
   max-width: 1060px;
   min-width: 300px;
   margin: 0 auto;
-  .display-flex();
+  display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-flow: row wrap;
@@ -343,7 +343,7 @@
   }
 
   .navigation-component.mobile {
-    .display-flex();
+    display: flex;
   }
 
   .navigation-component {
@@ -425,7 +425,7 @@
         width: auto;
 
         .search-bar-input {
-          .display-flex();
+          display: flex;
         }
       }
 
@@ -517,7 +517,7 @@
         }
 
         a {
-          .display-flex();
+          display: flex;
           text-decoration: none;
           color: @dark-grey;
 
@@ -609,7 +609,7 @@ div.search-facet:focus-within {
 
 .hamburger-component {
   summary {
-    .display-flex();
+    display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
@@ -683,12 +683,12 @@ div.search-facet:focus-within {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 0%;
     flex: 1;
-    .display-flex();
+    display: flex;
   }
   .search-bar-input {
     min-width: 50px;
     width: 100%;
-    .display-flex();
+    display: flex;
 
     /* stylelint-disable selector-max-specificity */
     input[type="text"] {
@@ -839,7 +839,7 @@ div.search-facet:focus-within {
         width: 207px;
       }
       .search-bar-input {
-        .display-flex();
+        display: flex;
 
         /* stylelint-disable selector-max-specificity */
         input[type="text"] {

static/css/components/home.less

@@ -45,7 +45,7 @@ div.chartHome a:hover,
 }
 #home {
   &-stats-charts {
-    .display-flex();
+    display: flex;
     flex-wrap: wrap;
     .statschart {
       flex: 1;
@@ -90,7 +90,7 @@ div.chartHome a:hover,
     text-align: left;
   }
   &-about {
-    .display-flex();
+    display: flex;
     flex-wrap: wrap;
     font-size: 13px;
   }

static/css/components/iaBar.less

@@ -3,7 +3,7 @@
 @import "components/buttonGhost.less";
 
 .iaBar {
-  .display-flex();
+  display: flex;
   max-width: 1060px;
   margin: 0 auto;
   -webkit-box-align: center;

static/css/components/listLists.less

@@ -22,7 +22,7 @@ ul.listLists {
     list-style: none !important;
     border-radius: 3px;
     padding: 5px;
-    .display-flex();
+    display: flex;
     background-color: @white;
     border-bottom: 1px solid @lightest-grey;
     .image {

static/css/components/search-result-item.less

@@ -59,7 +59,7 @@
 
   &,
   .sri__main {
-    .display-flex();
+    display: flex;
     align-items: center;
     flex-direction: column;
 
@@ -201,7 +201,7 @@
   white-space: nowrap;
   max-width: 150px;
   line-height: 28px;
-  .display-flex();
+  display: flex;
   margin-bottom: 5px;
   a {
     span {

static/css/components/search-results-container.less

@@ -7,6 +7,6 @@
 
 @media only screen and (min-width: @width-breakpoint-desktop) {
   .resultsContainer {
-    .display-flex();
+    display: flex;
   }
 }

static/css/components/shareLinks.less

@@ -9,7 +9,6 @@
  */
 
 .shareLinks-list {
-  .display-flex();
   word-break: keep-all;
   margin: 0;
   padding: 0;

static/css/legacy.less

@@ -21,7 +21,6 @@
  */
 @import (less) "less/colors.less";
 @import (less) "less/breakpoints.less";
-@import (less) "less/mixins.less";
 @import (less) "less/z-index.less";
 
 @import (less) "legacy-header.less";
@@ -276,7 +275,7 @@ q {
 .pagination {
   font-size: 0.75em;
   margin: 0 15px;
-  .display-flex();
+  display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
   a {
@@ -1360,7 +1359,7 @@ span.actions {
 // openlibrary/macros/FulltextResults.html
 ul.list-books {
   > li {
-    .display-flex();
+    display: flex;
   }
   // openlibrary/macros/SearchResultsWork.html
   // openlibrary/templates/books/check.html
@@ -1603,13 +1602,12 @@ div#subjectLists {
     padding: 0;
     li {
       list-style-type: none;
-      display: block;
       float: left;
       width: 282px;
       font-family: @body-family;
       padding-bottom: 10px;
       padding-top: 0;
-      .display-flex();
+      display: flex;
       .image {
         display: block;
         float: left;
@@ -1680,7 +1678,7 @@ div#subjectLists {
 // openlibrary/templates/account/books.html
 .list-books {
   .book {
-    .display-flex();
+    display: flex;
   }
 }
 

static/css/less/index.less

@@ -1,5 +1,4 @@
 @import (less) "breakpoints.less";
 @import (less) "colors.less";
 @import (less) "font-families.less";
-@import (less) "mixins.less";
 @import (less) "z-index.less";

static/css/page-admin.less

@@ -9,7 +9,6 @@
  */
 @import (less) "less/colors.less";
 @import (less) "less/breakpoints.less";
-@import (less) "less/mixins.less";
 @import (less) "less/font-families.less";
 
 @import (less) "components/admin-table.less";

static/css/page-design.less

@@ -5,7 +5,6 @@
  */
 
 @import (less) "less/colors.less";
-@import (less) "less/mixins.less";
 @import (less) "less/font-families.less";
 
 html {
@@ -63,7 +62,7 @@ article.design-pattern section {
 }
 
 ul.color-swatch li {
-  .display-flex();
+  display: flex;
 }
 
 ul.color-swatch li span.color-block {

static/css/page-edit.less

@@ -19,7 +19,6 @@
  */
 @import (less) "less/colors.less";
 @import (less) "less/breakpoints.less";
-@import (less) "less/mixins.less";
 @import (less) "less/font-families.less";
 @import (less) "legacy.less";
 

static/css/page-form.less

@@ -9,7 +9,6 @@
  */
 @import (less) "less/colors.less";
 @import (less) "less/breakpoints.less";
-@import (less) "less/mixins.less";
 // TODO: Only formElement and a few common styles are actually needed in this file
 // to render this simple page. We should list them explicitly once that's possible.
 @import (less) "legacy.less";

static/css/page-list-edit.less

@@ -8,7 +8,6 @@
  */
 @import (less) "less/colors.less";
 @import (less) "less/breakpoints.less";
-@import (less) "less/mixins.less";
 @import (less) "less/font-families.less";
 @import (less) "legacy.less";
 

static/css/page-plain.less

@@ -7,7 +7,6 @@
  */
 @import (less) "less/colors.less";
 @import (less) "less/breakpoints.less";
-@import (less) "less/mixins.less";
 @import (less) "less/font-families.less";
 
 div#header,

static/css/page-user.less

@@ -38,7 +38,6 @@
  */
 @import (less) "less/colors.less";
 @import (less) "less/breakpoints.less";
-@import (less) "less/mixins.less";
 @import (less) "less/font-families.less";
 @import (less) "components/flash-messages.less";
 @import (less) "less/z-index.less";