Merge pull request #375 from bitdefender/dex-20868

feat: add blackfriday style to columns
bitdefender · Nov 13, 2024 · 0469f59 · 0469f59
2 parents 0c36178 + 2dc2a08
commit 0469f59
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/_src/blocks/columns/columns.css b/_src/blocks/columns/columns.css
@@ -525,6 +525,11 @@
   vertical-align: middle;
 }
 
+.columns-container.black-version{
+  background-color: #000;
+    color: white;
+}
+
 @media (min-width: 991px) {
   .columns.benefits > div {
     flex-direction: unset;
@@ -978,7 +983,9 @@
   margin: 1em auto;
 }
 
-
+.columns-container.black-version.dlp h2{
+  color: #e72325;
+}
 
 @media (min-width: 768px) {
   .linear-gradient.columns-container[data-bg-image]{
@@ -1003,6 +1010,10 @@
     margin: 2em auto;
   }
 
+  .columns-container.black-version.dlp h2{
+    color: #e72325;
+  }
+
   .columns.new-v2 h3 {
     font-family: "IBM Plex Sans" ,sans-serif;
     font-size: 32px;

diff --git a/_src/blocks/new-prod-boxes/new-prod-boxes.js b/_src/blocks/new-prod-boxes/new-prod-boxes.js
@@ -333,7 +333,7 @@ export default async function decorate(block) {
               ${title.innerText.trim() ? `<h4>${title.innerHTML}</h4>` : ''}
 
               <div class="blueTagsWrapper">${newBlueTag.innerText.trim() ? `${newBlueTag.innerHTML.trim()}` : ''}</div>
-              ${subtitle.innerText.trim() ? `<p class="subtitle${subtitle.innerText.trim().split(/\s+/).length > 5 ? ' fixed_height' : ''}">${subtitle.innerText.trim()}</p>` : ''}
+              ${subtitle.innerText.trim() ? `<p class="subtitle${subtitle.innerText.trim().split(/\s+/).length > 8 ? ' fixed_height' : ''}">${subtitle.innerText.trim()}</p>` : ''}
               <hr />
               ${radioButtons ? planSwitcher.outerHTML : ''}
               <div class="hero-aem__prices await-loader"></div>