moved component-specific styles to their respective files

ilios · Aug 20, 2024 · 3f09ad8 · 3f09ad8
1 parent 0ffca6b
commit 3f09ad8
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 26 deletions.
diff --git a/packages/ilios-common/app/styles/ilios-common/components/course/objective-list.scss b/packages/ilios-common/app/styles/ilios-common/components/course/objective-list.scss
@@ -1,5 +1,10 @@
 @use "../../mixins" as m;
+@use "../../colors" as c;
 
 .course-objective-list {
   @include m.objective-list;
+
+  .fade-text-control {
+    background-image: linear-gradient(to bottom, transparent, c.$white);
+  }
 }
diff --git a/packages/ilios-common/app/styles/ilios-common/components/fade-text.scss b/packages/ilios-common/app/styles/ilios-common/components/fade-text.scss
@@ -16,29 +16,3 @@
     position: relative;
   }
 }
-
-.course-objective-list {
-  .fade-text-control {
-    background-image: linear-gradient(to bottom, transparent, c.$white);
-  }
-}
-
-.session-objective-list {
-  .fade-text-control {
-    background-image: linear-gradient(to bottom, transparent, c.$lightBlue);
-  }
-}
-
-.objective-sort-manager {
-  span {
-    &.draggable-object-content {
-      .fade-text-control {
-        background-image: linear-gradient(
-          to bottom,
-          transparent,
-          c.$culturedGrey
-        );
-      }
-    }
-  }
-}
diff --git a/packages/ilios-common/app/styles/ilios-common/components/session/objective-list.scss b/packages/ilios-common/app/styles/ilios-common/components/session/objective-list.scss
@@ -1,5 +1,10 @@
 @use "../../mixins" as m;
+@use "../../colors" as c;
 
 .session-objective-list {
   @include m.objective-list;
+
+  .fade-text-control {
+    background-image: linear-gradient(to bottom, transparent, c.$lightBlue);
+  }
 }
diff --git a/packages/ilios-common/app/styles/ilios-common/mixins/sort-manager.scss b/packages/ilios-common/app/styles/ilios-common/mixins/sort-manager.scss
@@ -21,6 +21,18 @@
 
   .content {
     padding-top: 0.5rem;
+
+    span {
+      &.draggable-object-content {
+        .fade-text-control {
+          background-image: linear-gradient(
+            to bottom,
+            transparent,
+            c.$culturedGrey
+          );
+        }
+      }
+    }
   }
 
   .sortable-items {