1 files changed, 131 insertions, 0 deletions
diff --git a/app/assets/stylesheets/page_bundles/environments.scss b/app/assets/stylesheets/page_bundles/environments.scss
new file mode 100644
index 00000000000..871f118ea9d
--- /dev/null
+++ b/app/assets/stylesheets/page_bundles/environments.scss
@@ -0,0 +1,131 @@
+@import 'page_bundles/mixins_and_variables_and_functions';
+
+.environments-container {
+  .ci-table {
+    .commit-title {
+      margin: 0;
+    }
+
+    .external-url,
+    .dropdown-new {
+      color: var(--gray-500, $gray-500);
+    }
+
+    .build-link,
+    .ref-name {
+      color: var(--gray-900, $gray-900);
+    }
+
+    .folder-icon {
+      margin-right: 3px;
+      color: var(--gray-500, $gray-500);
+      display: inline-block;
+      vertical-align: text-top;
+    }
+
+    .folder-name {
+      cursor: pointer;
+      color: var(--gray-500, $gray-500);
+      display: inline-block;
+    }
+
+    .icon-container {
+      width: 20px;
+      text-align: center;
+    }
+
+    .no-btn {
+      border: 0;
+      background: none;
+      outline: none;
+      width: 100%;
+      text-align: left;
+    }
+
+    .environment-child-row {
+      padding-left: 20px;
+    }
+  }
+}
+
+.gl-responsive-table-row {
+  .branch-commit {
+    max-width: 100%;
+  }
+}
+
+.folder-row {
+  border-left: 0;
+  border-right: 0;
+
+  @media (min-width: map-get($grid-breakpoints, md)-1) {
+    border-top: 0;
+  }
+}
+
+.x-axis path,
+.y-axis path,
+.label-x-axis-line,
+.label-y-axis-line {
+  fill: none;
+  stroke-width: 1;
+  shape-rendering: crispEdges;
+}
+
+.x-axis path,
+.y-axis path {
+  stroke: var(--gray-300, $gray-300);
+}
+
+.label-x-axis-line,
+.label-y-axis-line {
+  stroke: var(--gray-100, $gray-100);
+}
+
+.y-axis {
+  line {
+    stroke: var(--gray-300, $gray-300);
+    stroke-width: 1;
+  }
+}
+
+.metric-area {
+  opacity: 0.25;
+}
+
+.rect-text-metric {
+  fill: var(--white, $white);
+  stroke-width: 1;
+  stroke: var(--gray-600, $gray-600);
+}
+
+.rect-axis-text {
+  fill: var(--white, $white);
+}
+
+.text-metric {
+  font-size: 12px;
+}
+
+.selected-metric-line {
+  stroke: var(--gray-900, $gray-900);
+  stroke-width: 1;
+}
+
+.deployment-line {
+  stroke: var(--white, $white);
+  stroke-width: 1;
+}
+
+.divider-line {
+  stroke-width: 1;
+  stroke: var(--gray-600, $gray-600);
+}
+
+.environments-actions {
+  .external-url,
+  .monitoring-url,
+  .terminal-button {
+    width: 38px;
+  }
+}