Move builds scss file to page_bundles

This moves the buids.scss file to the
page_bundles folder

app/assets/stylesheets/_page_specific_files.scss

 @import './pages/admin';
 @import './pages/branches';
-@import './pages/builds';
 @import './pages/ci_projects';
 @import './pages/clusters';
 @import './pages/commits';

app/assets/stylesheets/framework/mixins.scss

@@ -3,6 +3,38 @@
  * Mixins with fixed values
  */
 
+@keyframes blinking-dot {
+  0% {
+    opacity: 1;
+  }
+
+  25% {
+    opacity: 0.4;
+  }
+
+  75% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes blinking-scroll-button {
+  0% {
+    opacity: 0.2;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0.2;
+  }
+}
+
 @mixin str-truncated($max-width: 82%) {
   display: inline-block;
   overflow: hidden;

app/assets/stylesheets/pages/builds.scss → app/assets/stylesheets/page_bundles/build.scss

-@keyframes fade-out-status {
-  0%,
-  50% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes blinking-dot {
-  0% {
-    opacity: 1;
-  }
-
-  25% {
-    opacity: 0.4;
-  }
-
-  75% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes blinking-scroll-button {
-  0% {
-    opacity: 0.2;
-  }
-
-  50% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0.2;
-  }
-}
+@import 'mixins_and_variables_and_functions';
 
 .build-page {
   .build-trace {
@@ -325,29 +284,6 @@
   }
 }
 
-.build-light-text {
-  color: $gl-text-color-secondary;
-  word-wrap: break-word;
-}
-
-.build-gutter-toggle {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  margin-top: -17px;
-}
-
-@include media-breakpoint-down(sm) {
-  .top-bar {
-    .truncated-info {
-      white-space: nowrap;
-      overflow: hidden;
-      max-width: 220px;
-      text-overflow: ellipsis;
-    }
-  }
-}
-
 @include media-breakpoint-down(md) {
   .content-list {
     &.builds-content-list {
@@ -356,11 +292,3 @@
     }
   }
 }
-
-[data-page='admin:jobs:index'] {
-  .admin-builds-table {
-    td:last-child {
-      min-width: 120px;
-    }
-  }
-}

app/assets/stylesheets/pages/admin.scss

@@ -8,3 +8,11 @@
 .usage-data {
   max-height: 400px;
 }
+
+[data-page='admin:jobs:index'] {
+  .admin-builds-table {
+    td:last-child {
+      min-width: 120px;
+    }
+  }
+}

app/assets/stylesheets/pages/pipelines.scss

@@ -86,3 +86,14 @@
     color: $gl-text-color;
   }
 }
+
+@include media-breakpoint-down(sm) {
+  .top-bar {
+    .truncated-info {
+      white-space: nowrap;
+      overflow: hidden;
+      max-width: 220px;
+      text-overflow: ellipsis;
+    }
+  }
+}

app/views/ide/_show.html.haml

 - @body_class = 'ide-layout'
 - page_title _('IDE')
 
+- add_page_specific_style 'page_bundles/build'
 - add_page_specific_style 'page_bundles/ide'
 
 #ide.ide-loading{ data: ide_data }

app/views/projects/jobs/show.html.haml

 - add_to_breadcrumbs _("Jobs"), project_jobs_path(@project)
 - breadcrumb_title "##{@build.id}"
 - page_title "#{@build.name} (##{@build.id})", _("Jobs")
+- add_page_specific_style 'page_bundles/build'
 - add_page_specific_style 'page_bundles/xterm'
 - add_page_specific_style 'page_bundles/ci_status'
 

config/application.rb

@@ -176,6 +176,7 @@ module Gitlab
     config.assets.precompile << "page_bundles/_mixins_and_variables_and_functions.css"
     config.assets.precompile << "page_bundles/alert_management_details.css"
     config.assets.precompile << "page_bundles/boards.css"
+    config.assets.precompile << "page_bundles/build.css"
     config.assets.precompile << "page_bundles/ci_status.css"
     config.assets.precompile << "page_bundles/cycle_analytics.css"
     config.assets.precompile << "page_bundles/dev_ops_report.css"