diff --git a/src/ColumnsBlock/ColumnsBlockEdit.jsx b/src/ColumnsBlock/ColumnsBlockEdit.jsx index 60f212d..b5d0918 100644 --- 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 b/src/less/columns.less similarity index 95% rename from src/ColumnsBlock/styles.less rename to src/less/columns.less index 5448ef2..f772479 100644 --- a/src/ColumnsBlock/styles.less +++ b/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(); \ No newline at end of file diff --git a/src/less/columns.variables b/src/less/columns.variables new file mode 100644 index 0000000..5f9132e --- /dev/null +++ b/src/less/columns.variables @@ -0,0 +1 @@ +@columnGridPadding: 0; \ No newline at end of file diff --git a/src/less/globals.less b/src/less/globals.less new file mode 100644 index 0000000..220e7ff --- /dev/null +++ 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'; \ No newline at end of file diff --git a/src/less/variables.less b/src/less/variables.less new file mode 100644 index 0000000..ce773d9 --- /dev/null +++ b/src/less/variables.less @@ -0,0 +1,2 @@ +@type: extra; +@element: custom; \ No newline at end of file