@orangesk/cms-templates 1.0.0-beta.12 → 1.0.0-beta.14

package/build/shame.css

@@ -43,21 +43,28 @@
 .tiles {
   overflow-x: auto;
   flex-wrap: nowrap;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+  max-width: 56.25rem;
 }
-.tiles .grid_col {
-  max-width: 7.5rem;
+@media screen and (max-width: 767.98px) {
+  .tiles {
+    padding-bottom: 0.375rem;
+  }
 }
 .tiles .tile__body {
   flex-direction: column;
   font-size: 1rem;
+  padding-left: 2.8125rem;
+  padding-right: 2.8125rem;
 }
-@media screen and (max-width: 991.98px) {
+@media screen and (max-width: 767.98px) {
   .tiles .tile__body {
     flex-direction: row;
-    padding: 1rem;
+    padding: 1rem !important;
   }
 }
-@media screen and (max-width: 991.98px) {
+@media screen and (max-width: 767.98px) {
   .tiles__icon {
     margin-right: 0.625rem;
   }
@@ -66,22 +73,29 @@
 @layer components {
   .plus-pill {
     position: absolute;
-    right: -2rem;
+    right: -2.625rem;
     z-index: 1;
     top: 33%;
     border-width: 1px !important;
   }
-  @media screen and (max-width: 991.98px) {
-    .plus-pill {
-      right: -2.625rem;
-    }
-  }
   @media screen and (max-width: 767.98px) {
     .plus-pill {
       right: -2.125rem;
     }
   }
 }
+.avatar-card__avatar {
+  height: auto;
+  width: 3rem;
+  border-radius: 100%;
+  object-fit: cover;
+  object-position: center;
+  aspect-ratio: 1/1;
+}
+.avatar-card--large .avatar-card__avatar {
+  width: 5rem;
+}
+
 @layer base {
   h1[id],
   h2[id],
@@ -134,4 +148,7 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .flex-1 {
+    flex: 1;
+  }
 }