@asd20/ui 3.2.820 → 3.2.822

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.820",
+  "version": "3.2.822",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/organisms/Asd20PageFooter/index.vue

@@ -5,7 +5,11 @@
   >
     <div class="logoContainer">
       <asd20-logo
-        v-if="organization.title !== 'Academy District 20'"
+        v-if="
+          !['Academy District 20', 'Academy District 20 Insider'].includes(
+            organization.title
+          )
+        "
         :title="mapOrganizationTitle"
         :subtitle="mapOrganizationSubtitle"
         :image="organization.logoImageUrl"
@@ -17,7 +21,11 @@
         wrappable
       />
       <asd20-district-logo
-        v-if="organization.title === 'Academy District 20'"
+        v-if="
+          ['Academy District 20', 'Academy District 20 Insider'].includes(
+            organization.title
+          )
+        "
         tagline
       />
       <div class="optionalLogo">

package/src/components/organisms/Asd20SecondaryHeader/index.vue

@@ -40,7 +40,7 @@ export default {
   // background-size: cover !important;
   padding: space(1) 0 0 0;
   .asd20-messaging {
-    padding: 0;
+    padding: space(1) 0 0 0;
     display: flex;
     flex-direction: column;
   }

package/src/components/organisms/Asd20VideoHeaderContent/index.vue

@@ -200,6 +200,16 @@ export default {
   }
 }
 
+@media (min-width: 768px) {
+  .asd20-video-header-content {
+    .asd20-messaging {
+      padding: space(1);
+      background: var(--color-minus-alpha)
+        var(--website-homepage-header__background-style);
+    }
+  }
+}
+
 @media (min-width: 1024px) {
   .asd20-video-header-content {
     width: 80%;

package/src/design/_typography.scss

@@ -126,10 +126,10 @@
     clear: both;
     width: 33%;
   }
-  // If more than 30 items are in the list,
+  // If more than 20 items are in the list,
   // use flex to spread list across page
-  .asd20-messaging li:first-child:nth-last-child(n+15),
-  .asd20-messaging li:first-child:nth-last-child(n+15) ~ li {
+  .asd20-messaging li:first-child:nth-last-child(n+20),
+  .asd20-messaging li:first-child:nth-last-child(n+20) ~ li {
     // width: clamp(160px, 100vw/12, 100%);
     // padding-right: 1rem;
     // float:left;