create a separate css file

mbta · Dec 11, 2023 · 4721f53 · 4721f53
1 parent a447113
commit 4721f53
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 34 deletions.
diff --git a/assets/css/dashboard/bottom-action-bar.scss b/assets/css/dashboard/bottom-action-bar.scss
@@ -0,0 +1,33 @@
+.bottom-action-bar {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
+.bottom-action-bar-container {
+  justify-content: right;
+  height: 78px;
+
+  button {
+    margin-left: 8px;
+    padding: 6px 12px;
+    height: 38px;
+  }
+
+  .forward {
+    background-color: $form-check-input-checked-bg-color;
+    color: black;
+    &:hover {
+      background-color: #72a4cd;
+    }
+  }
+  .cancel {
+    color: #c1e4ff;
+    text-decoration: none !important;
+  }
+
+  &__icon {
+    margin-left: 6px;
+    margin-right: 6px;
+  }
+}
diff --git a/assets/css/dashboard/configure-screens-page.scss b/assets/css/dashboard/configure-screens-page.scss
@@ -26,38 +26,4 @@
       min-width: 306px;
     }
   }
-
-  .bottom-action-bar {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-  }
-
-  .bottom-action-bar-container {
-    justify-content: right;
-    height: 78px;
-
-    button {
-      margin-left: 8px;
-      padding: 6px 12px;
-      height: 38px;
-    }
-
-    .forward {
-      background-color: $form-check-input-checked-bg-color;
-      color: black;
-      &:hover {
-        background-color: #72a4cd;
-      }
-    }
-    .cancel {
-      color: #c1e4ff;
-      text-decoration: none !important;
-    }
-
-    &__icon {
-      margin-left: 6px;
-      margin-right: 6px;
-    }
-  }
 }
diff --git a/assets/css/screenplay.scss b/assets/css/screenplay.scss
@@ -17,6 +17,7 @@ $form-check-input-border: 1px solid #8b9198;
 @import "dashboard/configure-screens-page.scss";
 @import "dashboard/button-image.scss";
 @import "dashboard/appbar.scss";
+@import "dashboard/bottom-action-bar.scss";
 @import "place-row.scss";
 @import "places-action-bar.scss";
 @import "filter-dropdown.scss";