Fix font size on media card

pixelgrade · Jul 20, 2020 · d16264c · d16264c
1 parent 244e9e1
commit d16264c
Show file tree

Hide file tree

Showing 7 changed files with 79 additions and 89 deletions.
diff --git a/dist/css/block-editor-rtl.css b/dist/css/block-editor-rtl.css
@@ -353,25 +353,25 @@
     border: 0; }
   .editor-styles-wrapper .picker__frame {
     --current-font-size: 16px; }
-  .editor-styles-wrapper .novablocks-block__content {
+  .editor-styles-wrapper .novablocks-card {
     --font-size: var(--theme-body-font-size);
     font-size: var(--final-font-size);
     --current-font-family: var(--theme-body-font-family);
     --current-line-height: var(--theme-body-line-height);
     --current-font-weight: var(--theme-body-font-weight);
     --current-letter-spacing: var(--theme-body-letter-spacing); }
-  .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
-  .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
-    --theme-button-text-color: var(--current-dark-primary);
-    --theme-button-background-color: var(--current-light-primary);
-    --theme-button-border-color: var(--current-light-primary);
-    --theme-button-hover-text-color: var(--current-light-primary);
-    --theme-button-hover-background-color: transparent;
-    --theme-button-hover-border-color: var(--current-light-primary); }
-  .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link),
-  .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link) {
-    color: inherit;
-    text-decoration-color: inherit; }
+    .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
+    .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
+      --theme-button-text-color: var(--current-dark-primary);
+      --theme-button-background-color: var(--current-light-primary);
+      --theme-button-border-color: var(--current-light-primary);
+      --theme-button-hover-text-color: var(--current-light-primary);
+      --theme-button-hover-background-color: transparent;
+      --theme-button-hover-border-color: var(--current-light-primary); }
+    .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link),
+    .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link) {
+      color: inherit;
+      text-decoration-color: inherit; }
   .editor-styles-wrapper [data-type="novablocks/media"] + .editor-styles-wrapper [data-type="novablocks/media"],
   .editor-styles-wrapper [data-type="novablocks/cards-collection"] + .editor-styles-wrapper [data-type="novablocks/media"],
   .editor-styles-wrapper [data-type="novablocks/posts-collection"] + .editor-styles-wrapper [data-type="novablocks/media"],

diff --git a/dist/css/block-editor.css b/dist/css/block-editor.css
@@ -353,25 +353,25 @@
     border: 0; }
   .editor-styles-wrapper .picker__frame {
     --current-font-size: 16px; }
-  .editor-styles-wrapper .novablocks-block__content {
+  .editor-styles-wrapper .novablocks-card {
     --font-size: var(--theme-body-font-size);
     font-size: var(--final-font-size);
     --current-font-family: var(--theme-body-font-family);
     --current-line-height: var(--theme-body-line-height);
     --current-font-weight: var(--theme-body-font-weight);
     --current-letter-spacing: var(--theme-body-letter-spacing); }
-  .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
-  .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
-    --theme-button-text-color: var(--current-dark-primary);
-    --theme-button-background-color: var(--current-light-primary);
-    --theme-button-border-color: var(--current-light-primary);
-    --theme-button-hover-text-color: var(--current-light-primary);
-    --theme-button-hover-background-color: transparent;
-    --theme-button-hover-border-color: var(--current-light-primary); }
-  .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link),
-  .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link) {
-    color: inherit;
-    text-decoration-color: inherit; }
+    .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
+    .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
+      --theme-button-text-color: var(--current-dark-primary);
+      --theme-button-background-color: var(--current-light-primary);
+      --theme-button-border-color: var(--current-light-primary);
+      --theme-button-hover-text-color: var(--current-light-primary);
+      --theme-button-hover-background-color: transparent;
+      --theme-button-hover-border-color: var(--current-light-primary); }
+    .block-is-highlighted:not(.content-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link),
+    .content-is-highlighted:not(.block-is-highlighted) .editor-styles-wrapper .novablocks-card a:not(.wp-block-button__link) {
+      color: inherit;
+      text-decoration-color: inherit; }
   .editor-styles-wrapper [data-type="novablocks/media"] + .editor-styles-wrapper [data-type="novablocks/media"],
   .editor-styles-wrapper [data-type="novablocks/cards-collection"] + .editor-styles-wrapper [data-type="novablocks/media"],
   .editor-styles-wrapper [data-type="novablocks/posts-collection"] + .editor-styles-wrapper [data-type="novablocks/media"],

diff --git a/dist/css/blocks/editor-rtl.css b/dist/css/blocks/editor-rtl.css
@@ -380,27 +380,25 @@ ul.wp-block-categories__list[class] {
 .picker__frame {
   --current-font-size: 16px; }
 
-.novablocks-block__content {
+.novablocks-card {
   --font-size: var(--theme-body-font-size);
   font-size: var(--final-font-size);
   --current-font-family: var(--theme-body-font-family);
   --current-line-height: var(--theme-body-line-height);
   --current-font-weight: var(--theme-body-font-weight);
   --current-letter-spacing: var(--theme-body-letter-spacing); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
-  --theme-button-text-color: var(--current-dark-primary);
-  --theme-button-background-color: var(--current-light-primary);
-  --theme-button-border-color: var(--current-light-primary);
-  --theme-button-hover-text-color: var(--current-light-primary);
-  --theme-button-hover-background-color: transparent;
-  --theme-button-hover-border-color: var(--current-light-primary); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
-  color: inherit;
-  text-decoration-color: inherit; }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
+    --theme-button-text-color: var(--current-dark-primary);
+    --theme-button-background-color: var(--current-light-primary);
+    --theme-button-border-color: var(--current-light-primary);
+    --theme-button-hover-text-color: var(--current-light-primary);
+    --theme-button-hover-background-color: transparent;
+    --theme-button-hover-border-color: var(--current-light-primary); }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
+    color: inherit;
+    text-decoration-color: inherit; }
 
 [data-type="novablocks/media"] + [data-type="novablocks/media"],
 [data-type="novablocks/cards-collection"] + [data-type="novablocks/media"],

diff --git a/dist/css/blocks/editor.css b/dist/css/blocks/editor.css
@@ -380,27 +380,25 @@ ul.wp-block-categories__list[class] {
 .picker__frame {
   --current-font-size: 16px; }
 
-.novablocks-block__content {
+.novablocks-card {
   --font-size: var(--theme-body-font-size);
   font-size: var(--final-font-size);
   --current-font-family: var(--theme-body-font-family);
   --current-line-height: var(--theme-body-line-height);
   --current-font-weight: var(--theme-body-font-weight);
   --current-letter-spacing: var(--theme-body-letter-spacing); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
-  --theme-button-text-color: var(--current-dark-primary);
-  --theme-button-background-color: var(--current-light-primary);
-  --theme-button-border-color: var(--current-light-primary);
-  --theme-button-hover-text-color: var(--current-light-primary);
-  --theme-button-hover-background-color: transparent;
-  --theme-button-hover-border-color: var(--current-light-primary); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
-  color: inherit;
-  text-decoration-color: inherit; }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
+    --theme-button-text-color: var(--current-dark-primary);
+    --theme-button-background-color: var(--current-light-primary);
+    --theme-button-border-color: var(--current-light-primary);
+    --theme-button-hover-text-color: var(--current-light-primary);
+    --theme-button-hover-background-color: transparent;
+    --theme-button-hover-border-color: var(--current-light-primary); }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
+    color: inherit;
+    text-decoration-color: inherit; }
 
 [data-type="novablocks/media"] + [data-type="novablocks/media"],
 [data-type="novablocks/cards-collection"] + [data-type="novablocks/media"],

diff --git a/dist/css/blocks/style-rtl.css b/dist/css/blocks/style-rtl.css
@@ -486,24 +486,22 @@
   transition: opacity 0.15s ease-in;
   transform: none; }
 
-.novablocks-block__content {
+.novablocks-card {
   --font-size: var(--theme-body-font-size);
   font-size: var(--final-font-size);
   --current-font-family: var(--theme-body-font-family);
   --current-line-height: var(--theme-body-line-height);
   --current-font-weight: var(--theme-body-font-weight);
   --current-letter-spacing: var(--theme-body-letter-spacing); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
-  --theme-button-text-color: var(--current-dark-primary);
-  --theme-button-background-color: var(--current-light-primary);
-  --theme-button-border-color: var(--current-light-primary);
-  --theme-button-hover-text-color: var(--current-light-primary);
-  --theme-button-hover-background-color: transparent;
-  --theme-button-hover-border-color: var(--current-light-primary); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
-  color: inherit;
-  text-decoration-color: inherit; }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
+    --theme-button-text-color: var(--current-dark-primary);
+    --theme-button-background-color: var(--current-light-primary);
+    --theme-button-border-color: var(--current-light-primary);
+    --theme-button-hover-text-color: var(--current-light-primary);
+    --theme-button-hover-background-color: transparent;
+    --theme-button-hover-border-color: var(--current-light-primary); }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
+    color: inherit;
+    text-decoration-color: inherit; }
diff --git a/dist/css/blocks/style.css b/dist/css/blocks/style.css
@@ -486,24 +486,22 @@
   transition: opacity 0.15s ease-in;
   transform: none; }
 
-.novablocks-block__content {
+.novablocks-card {
   --font-size: var(--theme-body-font-size);
   font-size: var(--final-font-size);
   --current-font-family: var(--theme-body-font-family);
   --current-line-height: var(--theme-body-line-height);
   --current-font-weight: var(--theme-body-font-weight);
   --current-letter-spacing: var(--theme-body-letter-spacing); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
-  --theme-button-text-color: var(--current-dark-primary);
-  --theme-button-background-color: var(--current-light-primary);
-  --theme-button-border-color: var(--current-light-primary);
-  --theme-button-hover-text-color: var(--current-light-primary);
-  --theme-button-hover-background-color: transparent;
-  --theme-button-hover-border-color: var(--current-light-primary); }
-
-.block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
-.content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
-  color: inherit;
-  text-decoration-color: inherit; }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link,
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link {
+    --theme-button-text-color: var(--current-dark-primary);
+    --theme-button-background-color: var(--current-light-primary);
+    --theme-button-border-color: var(--current-light-primary);
+    --theme-button-hover-text-color: var(--current-light-primary);
+    --theme-button-hover-background-color: transparent;
+    --theme-button-hover-border-color: var(--current-light-primary); }
+  .block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link),
+  .content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) {
+    color: inherit;
+    text-decoration-color: inherit; }
diff --git a/src/scss/blocks/nova-blocks/cards-collection/_style.scss b/src/scss/blocks/nova-blocks/cards-collection/_style.scss
@@ -1,8 +1,6 @@
-.novablocks-block__content {
+.novablocks-card {
   @include apply-font(body);
-}
 
-.novablocks-card {
   .block-is-highlighted:not(.content-is-highlighted) &,
   .content-is-highlighted:not(.block-is-highlighted) & {
     .wp-block-button:not(.is-style-text) {