fix spacing

Author: cviterirei

src/components/objectOverlay/examples/ObjectOverlay.vue

@@ -5,7 +5,7 @@ defineOptions({ name: 'ObjectOverlay' });
 </script>
 
 <template>
-  <CdrObjectOverlay position="top-right" margin="zero" gradient="to-top">
+  <CdrObjectOverlay position="top-right" margin="half-x" gradient="to-top">
     <template #container>
       <img src="https://placehold.co/600x400" width="100%" height="100%" alt="Background image" :style="{ display: 'block' }" />
     </template>

src/components/objectOverlay/styles/CdrObjectOverlay.module.scss

@@ -51,8 +51,8 @@ $gradients: (
     @each $breakpoint-suffix, $min-width in $breakpoints {
       @if $breakpoint-suffix != '' {
         @media (min-width: $min-width) {
-          margin: var(--margin#{$breakpoint-suffix});
-          padding: var(--padding#{$breakpoint-suffix});
+          margin: var(--margin#{$breakpoint-suffix}, var(--margin));
+          padding: var(--padding#{$breakpoint-suffix}, var(--padding));
         }
       }
     }