@asd20/ui 3.2.806 → 3.2.808

package/package.json

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

package/src/components/templates/Asd20ArticleDigestTemplate/index.vue

@@ -431,82 +431,87 @@ export default {
     //   }
     // }
   }
-  .feed-title {
-    margin: space(1) 0 0 space(1);
-  }
-  .asd20-card {
-    margin: space(1) space(1) space(2) space(1);
-    // &__date-time {
-    //   display: none;
-    // }
-    // &__description {
-    //   display: none;
-    // }
+  .notification-group--inline {
+    margin: space(2) space(1) space(1) space(1);
   }
-  .article-pagination {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin: space(1) space(0.25) space(0) space(0.25);
-    flex-direction: column;
-    p {
-      margin: 0;
+  .article-digest {
+    .feed-title {
+      margin: space(1) 0 0 space(1);
+    }
+    .asd20-card {
+      margin: space(1) space(1) space(2) space(1);
+      // &__date-time {
+      //   display: none;
+      // }
+      // &__description {
+      //   display: none;
+      // }
     }
-    .page-selector {
+
+    .article-pagination {
       display: flex;
       align-items: center;
-      .prev-next {
+      justify-content: space-between;
+      margin: space(1) space(0.25) space(0) space(0.25);
+      flex-direction: column;
+      p {
+        margin: 0;
+      }
+      .page-selector {
         display: flex;
         align-items: center;
-        justify-content: space-between;
-        a {
-          text-decoration: none !important;
-        }
-        .asd20-button {
-          padding: 0;
-          > .asd20-button__label {
-            margin: 0;
-            padding: 0.5rem;
+        .prev-next {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          a {
+            text-decoration: none !important;
+          }
+          .asd20-button {
+            padding: 0;
+            > .asd20-button__label {
+              margin: 0;
+              padding: 0.5rem;
+            }
+          }
+          p {
+            margin: 0 space(0.25);
           }
-        }
-        p {
-          margin: 0 space(0.25);
         }
       }
     }
-  }
-  .notification-group--inline {
-    margin: space(2) space(1) space(1) space(1);
-  }
-  .search-header,
-  .result-count {
-    margin: space(0) space(1) space(1) space(1);
-  }
-
-  .asd20-search-field {
-    margin: space(0.5) 0;
-    .asd20-icon {
-      margin-left: space(0.5);
+    .search-header,
+    .result-count {
+      margin: space(0) space(1) space(1) space(1);
     }
-    input {
-      border: 2px solid var(--color__accent);
-      font-family: var(--website-typography__font-family-headlines);
-      font-size: 1rem;
+
+    .asd20-search-field {
+      margin: space(0.5) 0;
+      .asd20-icon {
+        margin-left: space(0.5);
+      }
+      input {
+        border: 2px solid var(--color__accent);
+        font-family: var(--website-typography__font-family-headlines);
+        font-size: 1rem;
+      }
     }
-  }
-  .asd20-multiselect-input {
-    line-height: 1;
-    .multiselect__placeholder {
-      padding-left: space(0.5);
-      font-size: 1rem;
+    .asd20-multiselect-input {
+      line-height: 1;
+      .multiselect__placeholder {
+        padding-left: space(0.5);
+        font-size: 1rem;
+      }
     }
   }
 }
 
 @media (min-width: 768px) {
   .asd20-template-article-digest {
-    .asd20-card {
-      margin: space(1) space(1) space(2) space(1);
+    .article-digest {
+      .asd20-card {
+        margin: space(1) space(1) space(2) space(1);
+      }
     }
   }
 }
@@ -526,62 +531,61 @@ export default {
       //   }
       // }
     }
-    .feed-title {
-      margin-left: 0;
-    }
-
-    .asd20-page-content {
-      margin-top: space(1);
-      display: flex;
-      justify-content: space-between;
-      align-items: stretch;
-      flex-wrap: wrap;
-    }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);
       flex-basis: 100%;
     }
-    .prev-next {
-      margin: space(1) 0;
-    }
-    .primary-messaging-section {
-      max-width: 100vw;
-    }
-    .feed-items {
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
-      grid-gap: space(1);
-      margin-bottom: space(1);
-      .asd20-card {
-        margin: 0;
-      }
-    }
-    .search-header,
-    .result-count {
-      margin: space(0) space(0) space(1) space(0);
-    }
-    .search-header {
+    .asd20-page-content {
+      margin: 0 space(1);
       display: flex;
-      flex-basis: 100%;
       justify-content: space-between;
-      .asd20-search-field {
-        margin: space(0.5) space(0.5);
-        flex-basis: 50%;
-        .asd20-icon {
-          margin-left: 0;
-        }
-      }
-      .asd20-multiselect-input {
-        margin-bottom: 0;
-        flex-basis: 50%;
-      }
-    }
-    .article-pagination {
-      flex-direction: row;
+      flex-wrap: wrap;
     }
+
     .article-digest {
       // flex-basis: 100%;
       margin: space(1) space(3) space(1) space(3);
+      .feed-title {
+        margin-left: 0;
+      }
+      .prev-next {
+        margin: space(1) 0;
+      }
+      .primary-messaging-section {
+        max-width: 100vw;
+      }
+      .feed-items {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+        grid-gap: space(1);
+        margin-bottom: space(1);
+        .asd20-card {
+          margin: 0;
+        }
+      }
+      .search-header,
+      .result-count {
+        margin: space(0) space(0) space(1) space(0);
+      }
+      .search-header {
+        display: flex;
+        flex-basis: 100%;
+        justify-content: space-between;
+        .asd20-search-field {
+          margin: space(0.5) space(0.5);
+          flex-basis: 50%;
+          .asd20-icon {
+            margin-left: 0;
+          }
+        }
+        .asd20-multiselect-input {
+          margin-bottom: 0;
+          flex-basis: 50%;
+        }
+      }
+      .article-pagination {
+        flex-direction: row;
+      }
     }
   }
 }