compass watch command on mac produced invalid css error

I'm getting an error when I try to run compass on my mac. I have looked through all support that I can find that looks related, have tried uninstalling and reinstalling everything, have tried changing the versions of sass and compass (and have reverted to Sass 3.1.0 and Compass 0.12.1 to fix another error), have uncommented "require zen-grids" and tried everything I could find. When I go to compass watch after having made an edit to the _responsive.scss file, I keep coming up with these errors:

error sass/styles-rtl.scss (Line 58 of sass/components/_misc-rtl.scss: Invalid CSS after " */": expected selector or at-rule, was "%tabs__tab {")

and:

error sass/styles.scss (Line 40 of sass/components/_misc.scss: Invalid CSS after "...ment-invisible,": expected "{", was "%element-invisi...")

The respective referenced bits are:

/**
* Tabs.
*/
%tabs__tab {
float: right;
}
.tabs-primary__tab {
@extend %tabs__tab;
}
.tabs-primary__tab.is-active {
@extend .tabs-primary__tab;
}
.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
@extend %tabs__tab;
}

and

/* Turns off the element-invisible effect. */
%element-invisible-off {
@include element-invisible-off;
}

.element-focusable,
%element-focusable {
@extend %element-invisible;

&:active,
&:focus {
@extend %element-invisible-off;
}
}

Can someone help and maybe tell me what's going on here? I am new to Sass and Compass, so it's possible I may have done something, but as far as the changes, I'm just trying to change sidebar column sizes at this point to test it all out.