refactoring code

hlxsites · Dec 8, 2023 · 649a83a · 649a83a
1 parent 1d62107
commit 649a83a
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 24 deletions.
diff --git a/cigaradvisor/blocks/imagecta/imagecta.css b/cigaradvisor/blocks/imagecta/imagecta.css
@@ -20,3 +20,28 @@
   object-fit: cover;
   object-position: center;
 }
+
+.section[data-layout="50/50"] .imagecta-wrapper{
+  display: flex;
+  flex-basis: 100%;
+}
+
+.section[data-layout="50/50"] .imagecta.block{
+  display: flex;
+  flex-basis: 100%;
+}
+
+.section[data-layout="50/50"]  .imagecta.block > a{
+  flex-basis: 100%;
+}
+
+@media screen and (min-width: 1200px) {
+  .section[data-layout="50/50"] .imagecta.block>a img {
+    border: 1px solid #000;
+  }
+
+  /* removing border for 2 column videos section */
+  .two-column-section[data-layout="50/50"] .imagecta.block>a img {
+    border: none;
+  }
+}
diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css
@@ -113,27 +113,3 @@ main .section[data-layout="50/50"] .right-grid > div{
   padding: 10px;
 }
 
-main .section[data-layout="50/50"] .imagecta-wrapper{
-  display: flex;
-  flex-basis: 100%;
-}
-
-main .section[data-layout="50/50"] .imagecta.block{
-  display: flex;
-  flex-basis: 100%;
-}
-
-main .section[data-layout="50/50"]  .imagecta.block > a{
-  flex-basis: 100%;
-}
-
-@media screen and (min-width: 1200px) {
-  main .section[data-layout="50/50"] .imagecta.block>a img {
-    border: 1px solid #000;
-  }
-
-  /* removing border for 2 column videos section */
-  main .two-column-section[data-layout="50/50"] .imagecta.block>a img {
-    border: none;
-  }
-}