// set horizontal space between elements in a group
@mixin xmargin($element,$amount) {
    #{$element}:not(:last-child){
        margin-right: $amount;
        }
    #{$element}:not(:first-child){
        margin-left: $amount;
    }
}

@mixin xpadding($element,$amount) {
    #{$element}:not(:last-child){
        padding-right: $amount;
        }
    #{$element}:not(:first-child){
        padding-left: $amount;
    }
}