$space-sizes: (
    'extra-small': 1em,
    'small': 2em,
    'medium': 3em,
    'large': 4em,
    'extra-large': 5em
);

#maincontent{

    /* Space */
    @each $name, $space in $space-sizes{
        .inner.frame-space-before-#{$name},
        .frame-space-before-#{$name}{
            margin-top: #{$space};
        }

        .inner.frame-space-after-#{$name},
        .frame-space-after-#{$name} {
            margin-bottom: #{$space};
        }
    }
}