D8CORE-7660: updates to node styles

SU-SWS · Dec 4, 2024 · e595964 · e595964
1 parent 869525b
commit e595964
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 19 deletions.
diff --git a/modules/stanford_profile_styles/dist/css/component/node/stanford_opportunity.css b/modules/stanford_profile_styles/dist/css/component/node/stanford_opportunity.css
diff --git a/modules/stanford_profile_styles/lib/scss/component/node/stanford_opportunity.scss b/modules/stanford_profile_styles/lib/scss/component/node/stanford_opportunity.scss
@@ -2,31 +2,47 @@
 @import '../../config';
 
 .opportunity {
-  &.node {
-    @include responsive-spacing('margin-bottom', 6);
+  @include responsive-spacing('margin-bottom', 6);
 
-    .node-stanford-opportunity-su-opp-prerequisites {
-      @include responsive-spacing('margin', 0 null);
-      @include card;
+  .node-stanford-opportunity-su-opp-prerequisites {
+    @include responsive-spacing('margin', 0 null);
+    background-color: $su-color-fog;
+    padding: 30px;
+    width: 75%;
 
-      padding: 30px;
-      width: 75%;
-
-      h2 {
-        @include responsive-spacing('margin', 0 null);
-        @include type-d;
-      }
+    h2 {
+      @include responsive-spacing('margin-bottom', 0);
+      @include type-d;
     }
+  }
 
-    .su-opp-image {
-      @include responsive-spacing('margin-bottom', 0);
+  .su-opp-image {
+    @include responsive-spacing('margin-bottom', 0);
+  }
+
+  .su-opp-eligibility {
+    @include responsive-spacing('margin', 0 null);
+
+    background-color: $su-color-fog;
+    padding: 1em;
+
+    > div:first-child {
+      font-weight: $su-font-semi-bold;
     }
+  }
+
+  .su-opp-paragraphs {
+    @include responsive-spacing('padding-top', 2);
+  }
 
-    .su-opp-eligibility {
-      @include responsive-spacing('margin', 0 null);
-      @include card;
+  .su-opp-type,
+  .su-opp-start-date,
+  .su-opp-application-deadline,
+  .su-opp-course-code {
+    @include responsive-spacing('padding', 0 null);
 
-      padding: 1em;
+    > div:first-child {
+      font-weight: $su-font-semi-bold;
     }
   }
 }