Added component padding variable (#2679)

adaptlearning · Mar 9, 2020 · 72d59fd · 72d59fd
1 parent f241841
commit 72d59fd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/core/less/_defaults/_variables.less b/src/core/less/_defaults/_variables.less
@@ -83,6 +83,12 @@
 @block-padding-hoz: 0.5rem;
 // --------------------------------------------------
 
+// --------------------------------------------------
+// Component padding
+// --------------------------------------------------
+@component-padding-hoz: 0.5rem;
+// --------------------------------------------------
+
 // --------------------------------------------------
 // Navigation height
 // --------------------------------------------------

diff --git a/src/core/less/core/component.less b/src/core/less/core/component.less
@@ -14,25 +14,25 @@
 
   @media (min-width: @device-width-medium) {
     &.is-left {
-      padding-right: 0.5rem;
+      padding-right: @component-padding-hoz;
       width: 50%;
 
       .dir-rtl & {
         padding-right: inherit;
-        padding-left: 0.5rem;
+        padding-left: @component-padding-hoz;
       }
     }
 
     &.is-right {
       margin-left: auto;
-      padding-left: 0.5rem;
+      padding-left: @component-padding-hoz;
       width: 50%;
 
       .dir-rtl & {
         margin-left: inherit;
         margin-right: auto;
         padding-left: inherit;
-        padding-right: 0.5rem;
+        padding-right: @component-padding-hoz;
       }
     }
   }