fix: general background color for icon block (#609)

RedTurtle · Mar 27, 2024 · 1edc6f1 · 1edc6f1
1 parent da2e1a4
commit 1edc6f1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_iconBlocks.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_iconBlocks.scss
@@ -0,0 +1,17 @@
+@use '../../all_variables' as *;
+
+@mixin iconBlocks($subsite-primary, $subsite-secondary) {
+  .block.iconBlocks {
+    .background-image {
+      &.primary:after {
+        background-color: rgba($subsite-primary, 0.85);
+      }
+      &.secondary:after {
+        background-color: rgba($subsite-secondary, 0.85);
+      }
+      &.transparent:after {
+        background-color: none;
+      }
+    }
+  }
+}
diff --git a/theme/ItaliaTheme/Subsites/_mixin.scss b/theme/ItaliaTheme/Subsites/_mixin.scss
@@ -22,6 +22,7 @@
 @use 'ItaliaTheme/Blocks/tableOfContents' as it-table-contents;
 @use 'ItaliaTheme/Blocks/searchSections' as it-search-sections;
 @use 'ItaliaTheme/Blocks/info' as it-info;
+@use 'ItaliaTheme/Blocks/iconBlocks' as it-iconBlocks;
 @use 'ItaliaTheme/Views/common' as it-views;
 @use 'ItaliaTheme/common' as it-common;
 @use 'ItaliaTheme/cms-ui' as it-cms-ui;
@@ -121,6 +122,7 @@
         $subsite-secondary,
         $subsite-light-theme
       );
+      @include it-iconBlocks.iconBlocks($subsite-primary, $subsite-secondary);
 
       @include it-views.common(
         $subsite-primary,