avm-report-update: moving card style updates to card block, adding ne…

…w section background color and border options.
hlxsites · Apr 4, 2024 · b09331b · b09331b
1 parent 2de6f8e
commit b09331b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 14 deletions.
diff --git a/blocks/avm-report/avm-report.css b/blocks/avm-report/avm-report.css
@@ -1,8 +1,3 @@
-main .avm-report-container.section {
-  background-color: var(--tertiary-color);
-  border-top: 1px solid var(--secondary-accent);
-}
-
 .avm-report.block {
   max-width: 600px;
 }
@@ -97,13 +92,4 @@ main .avm-report-container.section {
     flex: unset;
     margin: 0;
   }
-
-  .avm-report-container .cards-wrapper {
-    margin: 30px auto 0;
-    max-width: 750px;
-  }
-
-    .avm-report-container .cards-wrapper .cards.block.icons {
-      max-width: none;
-    }
 }
diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
@@ -184,6 +184,11 @@
     max-width: 83.333%;
   }
 
+  .cards.block.narrow {
+    margin: 30px auto 0;
+    max-width: 750px;
+  }
+
   .cards.block.shade-icon .cards-list {
     flex-direction: row;
     column-gap: 20px;

diff --git a/styles/styles.css b/styles/styles.css
@@ -280,6 +280,10 @@ main .section.grey-background {
   background: var(--light-grey);
 }
 
+main .section.tertiary-background {
+  background: var(--tertiary-color);
+}
+
 main .section.white-background {
   background: var(--white);
 }
@@ -288,6 +292,10 @@ main .section.top-border {
   border-top: 1px solid var(--body-color);
 }
 
+main .section.tertiary-background.top-border {
+  border-top: 1px solid var(--secondary-accent);
+}
+
 main .section.padding {
   padding-top: 3em;
   padding-bottom: 3em;