Filenames are too similar for SCSS and CSS files

[yorb]

Sass throws an error when you use the standard way of importing the file:

@import 'foundation-icons';

Message:
    scss/main.scss
Error: It's not clear which file to import for '@import "foundation-icons"'.
       Candidates:
         _foundation-icons.scss
         foundation-icons.css
       Please delete or rename all but one of these files.
        on line 2 of scss/main.scss
>> @import 'foundation-icons';
   ^

You can get around this by adding either the underscore or the extension, but then sass-lint complains because that violates the clean-import-paths rule:

@import '_foundation-icons';

scss/main.scss
  2:2  warning  Leading underscores are not allowed  clean-import-paths

For now, I'm getting around this by disabling the linter for that import line:

@import '_foundation-icons'; // sass-lint:disable-line clean-import-paths