fix: added variables

RedTurtle · Sep 21, 2023 · 105ee98 · 105ee98
1 parent edbf1b6
commit 105ee98
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -31,7 +31,7 @@ const View = ({ data, pathname }) => {
     <section role="alert" className="block alertblock">
       <div className={cx('full-width', 'bg-alert-' + data.color)}>
         <Container className="p-4 pt-5 pb-5">
-          <Row className="align-items-start negative-margin">
+          <Row className="align-items-start">
             {data.image?.data && (
               <Col sm={2} className="pb-3 image-col">
                 <img

diff --git a/src/theme/ItaliaTheme/Blocks/_alert.scss b/src/theme/ItaliaTheme/Blocks/_alert.scss
@@ -71,12 +71,13 @@
       }
     }
 
-    .negative-margin {
-      margin-left: -6px;
-      margin-right: -6px;
+    .row {
+      margin-right: calc(var(--bs-gutter-x) * -0.25);
+      margin-left: calc(var(--bs-gutter-x) * -0.25);
 
       .col {
-        padding: 0px 6px;
+        padding-right: calc(var(--bs-gutter-x) * 0.25);
+        padding-left: calc(var(--bs-gutter-x) * 0.25);
       }
     }