Refs #129216 added variable support to styles.less:

- define styledPadding variable to add some padding when we have background set
eea · Mar 26, 2021 · c5dae21 · c5dae21
1 parent 38721c6
commit c5dae21
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/StyleWrapper/StyleWrapperView.jsx b/src/StyleWrapper/StyleWrapperView.jsx
@@ -50,6 +50,7 @@ const StyleWrapperView = (props) => {
     className: cx(style?.cssClass, customClass, align, {
       align,
       styled,
+      'styled-with-bg': styleData.backgroundColor,
       'screen-height': isScreenHeight,
       'full-width': align === 'full',
       large: size === 'l',

diff --git a/src/styles.less b/src/styles.less
@@ -1,7 +1,22 @@
 @type: 'extra';
 @element: 'custom';
 
-@import (multiple, reference) '../../theme.config';
+@import (multiple, reference, optional) '../../theme.config';
+
+@addon: 'volto-addons';
+@addontype: 'blockstyle';
+@addonelement: 'styles';
+@styledPadding: 1rem;
+
+/* Helper to load variables */
+.loadAddonVariables() {
+  @import (optional) '@{addonelement}.variables';
+  @import (optional)
+  '@{siteFolder}/../addons/@{addon}/@{addontype}s/@{addonelement}.variables';
+}
+
+
+.loadAddonVariables();
 
 .open-styles-button {
   width: 100%;
@@ -81,6 +96,9 @@
     background-size: cover;
   }
 }
+.styled-with-bg {
+  padding: @styledPadding;
+}
 
 // Fix overrides
 #view .block:before {