Allow addonOverride for columns-block style

eea · Apr 15, 2021 · 0821bc3 · 0821bc3
1 parent cdbf242
commit 0821bc3
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 2 deletions.
diff --git a/src/ColumnsBlock/ColumnsBlockEdit.jsx b/src/ColumnsBlock/ColumnsBlockEdit.jsx
@@ -31,7 +31,7 @@ import { makeStyleSchema, getStyle } from '@eeacms/volto-columns-block/Styles';
 import tuneSVG from '@plone/volto/icons/column.svg';
 import upSVG from '@plone/volto/icons/up.svg';
 
-import './styles.less';
+import '@eeacms/volto-columns-block/less/columns.less';
 
 /*
  * not pretty, there's a lot of render props passing, to please React

diff --git a/src/ColumnsBlock/styles.less → src/less/columns.less b/src/ColumnsBlock/styles.less → src/less/columns.less
@@ -1,3 +1,11 @@
+ @import './globals.less';
+
+@addon: 'volto-addons';
+@addontype: 'columnsBlock';
+@addonelement: 'columns';
+
+.loadAddonVariables();
+
 @type: 'extra';
 @element: 'custom';
 
@@ -174,7 +182,7 @@
 }
 
 .ui.grid.column-grid {
-  padding: 1rem;
+  padding: @columnGridPadding;
   margin-top: 0.8rem;
   margin-bottom: 0.8rem;
 }
@@ -214,3 +222,5 @@
   margin-right: 1.5rem;
   vertical-align: middle;
 }
+
+.loadAddonOverrides();
diff --git a/src/less/columns.variables b/src/less/columns.variables
@@ -0,0 +1 @@
+@columnGridPadding: 0;
diff --git a/src/less/globals.less b/src/less/globals.less
@@ -0,0 +1,16 @@
+@import (multiple, reference, optional) '../../theme.config';
+
+/* Enables customization of addons */
+.loadAddonOverrides() {
+  @import (optional)
+    '@{siteFolder}/../addons/@{addon}/@{addontype}s/@{addonelement}.overrides';
+}
+
+/* Helper to load variables */
+.loadAddonVariables() {
+  @import (optional) '@{addonelement}.variables';
+  @import (optional)
+    '@{siteFolder}/../addons/@{addon}/@{addontype}s/@{addonelement}.variables';
+}
+
+@import './variables.less';
diff --git a/src/less/variables.less b/src/less/variables.less
@@ -0,0 +1,2 @@
+@type: extra;
+@element: custom;