css: update styles for video on homepage, two-col-linked-list, and pa…

…ge headers on top level pages
middlebury · Oct 13, 2023 · 92acf53 · 92acf53
1 parent c1ce82d
commit 92acf53
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 5 deletions.
diff --git a/src/scss/components/_campaign-section-video.scss b/src/scss/components/_campaign-section-video.scss
@@ -3,8 +3,19 @@
 
     .campaign-video--container {
         @include make-container;
-        padding: 0;
-        max-width: 1136px;
+        // padding: 0;
+        // max-width: 1136px;
+
+        .video {
+            margin: auto;
+            // padding: 0 $spacing-3;
+            @include make-col(12);
+
+            @include breakpoint(lg) {
+                @include make-col(10);
+                padding: 0 $spacing-5;
+            }
+        }
     }
 
     .transcript a {

diff --git a/src/scss/components/_campaign-section.scss b/src/scss/components/_campaign-section.scss
@@ -30,6 +30,18 @@
 
     &.video {
         background-color: $color-primary;
+
+        &:before {
+            padding-top: percentage(5/4);
+
+            @include breakpoint(sm) {
+                padding-top: percentage(225/256);
+            }
+
+            @include breakpoint(lg) {
+                padding-top: percentage(9/16);
+            }
+        }
     }
 
     &.video-group {

diff --git a/src/scss/components/_page-header.scss b/src/scss/components/_page-header.scss
@@ -63,7 +63,8 @@
   }
 }
 
-.page-header--has-menu {
+.page-header--has-menu, 
+.page-header--has-image {
   margin-bottom: 0;
 
   .page-header__content {

diff --git a/src/scss/components/_two-col-linked-list.scss b/src/scss/components/_two-col-linked-list.scss
@@ -56,10 +56,16 @@
         }
 
         p {
-            margin-top: $spacing-3;
-            text-transform: none;
+            font-size: $typescale-2;
             font-weight: $font-weight-normal;
             letter-spacing: initial;
+            text-transform: none;
+            margin-top: $spacing-3;
+
+            @include breakpoint(lg) {
+                font-size: $typescale-3;
+                padding-right: $spacing-9;
+            }
         }
     }
 }