Fix selector bug

[tomm1996]

Hey,

I found and fixed a bug regarding ampersand-selectors in _reformat.scss.
Using &[href^="ftp://"] on top level is not supposed to work since & is a reference to the parent selector.

Both, grunt-sass and node-sass throw the following error when trying to compile that file:

"status": 1,
"file": "~/projects/gutenberg/scss/_utilities.scss",
"line": 17,
"column": 1,
"message": "Base-level rules cannot contain the parent-selector-referencing character '&'.\n\nBacktrace:\n\tscss/_utilities.scss:17",
"formatted": "Error: Base-level rules cannot contain the parent-selector-referencing character '&'.\n\n > Backtrace:\n \tscss/_utilities.scss:17\n
on line 17 of scss/_utilities.scss\n>> &abbr[title], &acronym[title] {\n ^\n"

Apparently, for some reason it's okay for gulp-sass, which is why you didn't get an error when compiling the framework.

Further information:
http://thesassway.com/intermediate/referencing-parent-selectors-using-ampersand

EDIT:
you can reproduce this error by running
$ npm i node-sass -g
$ node-sass ./scss/gutenberg.scss .

in the directory root.

I just noticed that this error occurs in utilities.scss aswell. Sorry for the trouble, I added the fix to the pull request

[tomlutzenberger]

You are missing & here. Have a look at the compiled CSS

[tomm1996]

thank you, I fixed that now in 83979ce

[BafS]

Thanks a lot!