diff --git a/packages/build/postcss/postcss-css-var-selectors.js b/packages/build/postcss/postcss-css-var-selectors.js
index <HASH>..<HASH> 100644
--- a/packages/build/postcss/postcss-css-var-selectors.js
+++ b/packages/build/postcss/postcss-css-var-selectors.js
@@ -11,7 +11,7 @@ const createSelectorsForVar = (decl, options) => {
   }).props
     .map((p, i, newProps) =>
       postcss.parse(`
-.${prop + (newProps.length > 1 ? `-${p}` : '')} { ${p}: ${value}; }
+.${prop + (newProps.length > 1 ? `--${p}` : '')} { ${p}: ${value}; }
 `)
     )
 }
refactor(build): a bit more bem in the multi-prop modifiers