Remove deprecated mixins

app/assets/stylesheets/framework.bs3.scss

@@ -11,3 +11,6 @@ $border-radius-base: 3px !default;
 $modal-body-bg: $white-light;
 $input-border: $border-color;
 $input-border-focus: $focus-border-color;
+
+$padding-base-vertical: $gl-vert-padding;
+$padding-base-horizontal: $gl-padding;

app/assets/stylesheets/framework.bs4.scss

+// Override variables from bs4
+
+html {
+  font-size: 14px;
+}

app/assets/stylesheets/framework.scss

 @import "framework/variables";
 @import "framework/mixins";
+@import "framework.bs4";
 @import "../../../node_modules/bootstrap/scss/bootstrap";
 @import "framework.bs3";
 @import "framework/layout";

app/assets/stylesheets/pages/commits.scss

@@ -317,7 +317,7 @@
   }
   &.invalid {
-    @include status-color($gray-dark, $gray, $gray-darkest);
+    @include status-color($gray-dark, color("gray"), $gray-darkest);
     border-color: $gray-darkest;
   }
 }

app/assets/stylesheets/pages/cycle_analytics.scss

@@ -266,7 +266,9 @@
       &.issue-title,
       &.commit-title,
       &.merge-merquest-title {
-        @include text-overflow();
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
         max-width: 100%;
         display: block;

app/assets/stylesheets/pages/diff.scss

@@ -80,13 +80,13 @@
       &.left-side-selected {
         td.line_content.parallel.right-side {
-          @include user-select(none);
+          user-select: none;
         }
       }
       &.right-side-selected {
         td.line_content.parallel.left-side {
-          @include user-select(none);
+          user-select: none;
         }
       }
     }
@@ -103,7 +103,7 @@
     .old_line,
     .new_line {
-      @include user-select(none);
+      user-select: none;
       margin: 0;
       border: 0;
       padding: 0 5px;

app/assets/stylesheets/pages/help.scss

@@ -29,7 +29,7 @@
   .key {
     @extend .badge.badge-pill;
-    @extend .badge.badge-pill-inverse;
+    background-color: $label-inverse-bg;
     font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
     padding: 3px 5px;
   }

app/assets/stylesheets/pages/profile.scss

@@ -419,7 +419,7 @@ table.u2f-registrations {
     }
     &.unverified {
-      @include status-color($gray-dark, $gray, $common-gray-dark);
+      @include status-color($gray-dark, color("gray"), $common-gray-dark);
     }
   }
 }

app/assets/stylesheets/pages/stat_graph.scss

@@ -14,7 +14,9 @@
 }
 #contributors-master {
-  @include make-md-column(12);
+  @include media-breakpoint-up(md) {
+    @include make-col(12);
+  }
   svg {
     width: 100%;
@@ -33,7 +35,10 @@
   }
   .person {
-    @include make-md-column(6);
+    @include media-breakpoint-up(md) {
+      @include make-col(6);
+    }
+
     margin-top: 10px;
     @include media-breakpoint-down(xs) {