fix oda front page

UCBoulder · Jul 23, 2024 · d2c74fc · d2c74fc
1 parent 4116957
commit d2c74fc
Showing 1 changed file with 30 additions and 36 deletions.
diff --git a/components/04-templates/_default.scss b/components/04-templates/_default.scss
@@ -568,51 +568,45 @@ $main-width: calc(100% - (#{$sidebar-width} + #{$gutter}));
     }
   }
 
-  .layout__region--content > div:has(img) {
-    border: 1px solid $gray-lightest;
-    margin-bottom: 2rem;
+  .layout__region--left-sidebar {
+    img {
+      border: 1px solid $gray-lightest;
+      margin-bottom: 1rem;
+    }
   }
 
-  .layout__region--right-sidebar {
-
-    & > div:first-child,
-    & > div:nth-child(2) .views-row > div {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
+  .layout__region--content {
+    & > div:has(img) {
+      border: 1px solid $gray-lightest;
+      margin-bottom: 2rem;
     }
 
-    .views-element-container {
-      .views-row {
-        svg {
-          display: none;
-        }
-        &:has(a.oda-right-ext) {
-          border-bottom: 1px solid $gray-lightest;
-          border-top: 1px solid $gray-lightest;
-          padding: 1rem 0;
-          margin: 1rem 0;
-        }
-      }
+    .block:first-child a:before {
+      content: '';
+      display: inline-block;
+      height: 20px;
+      width: 22px;
+      margin-right: .5em;
+      margin-bottom: -5px;
+      background-color: $white;
+      --webkit-mask: url('../images/icons/oda_external.svg') 50% 50% no-repeat;
+      mask: url('../images/icons/oda_external.svg') 50% 50% no-repeat;
+      -webkit-mask-size: cover;
+      mask-size: cover;
     }
 
-    h2 {
-      font-weight: normal;
-      font-size: 1.1rem;
-      text-transform: uppercase;
-      margin-bottom: .25rem;
-      border: none;
-      span {
-        border: none;
+    .block:first-child,
+    .block:nth-child(2) {
+      display: inline-block;
+      margin-right: 1rem;
+      svg {
+        display: none;
       }
     }
 
-    header {
-      margin-bottom: 0;
-    }
-    .views-field-term-node-tid {
-      color: $gray-light;
-      margin-bottom: 1rem;
+    .block:nth-child(3) {
+      margin-top: 1rem;
     }
   }
+
 }