@mixin com-margin($cssPrefix) {
  margin-top: var(--#{$cssPrefix}-marginTop, 0);
  margin-right: var(--#{$cssPrefix}-marginRight, 0);
  margin-left: var(--#{$cssPrefix}-marginLeft, 0);
  margin-bottom: var(--#{$cssPrefix}-marginBottom, 0);
}

@mixin com-padding($cssPrefix) {
  padding-top: var(--#{$cssPrefix}-paddingTop, 0);
  padding-bottom: var(--#{$cssPrefix}-paddingBottom, 0);
  padding-left: var(--#{$cssPrefix}-paddingLeft, 0);
  padding-right: var(--#{$cssPrefix}-paddingRight, 0);
}