Function for SASS/SCSS to avoid duplicate imports and redundant generated CSS. See http://paul.wellnerbou.de/2015/05/18/avoid-multiple-imports-of-the-same-scss-file-with-sass/ for more details.
/* If this function is imported, you can import scss files using: | |
@if not-imported("your-file") { @import "your-file"; } | |
*/ | |
$imported-once-files: () !default; | |
@function not-imported($name) { | |
$imported-once-files: $imported-once-files !global; | |
$module_index: index($imported-once-files, $name); | |
@if (($module_index == null) or ($module_index == false)) { | |
$imported-once-files: append($imported-once-files, $name); | |
@return true; | |
} | |
@return false; | |
} |
This comment has been minimized.
This comment has been minimized.
I get the same issue as greaveselliott above. |
This comment has been minimized.
This comment has been minimized.
This code does no longer work. $imported-once-files: () !default;
@function not-imported($name) {
$module_index: index($imported-once-files, $name);
@if (($module_index == null) or ($module_index == false)) {
$imported-once-files: append($imported-once-files, $name) !global;
@return true;
}
@return false;
} |
This comment has been minimized.
This comment has been minimized.
I'm also getting the same error as well
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
Great idea - unfortunately, this doesn't quite work for me. I run into the following error:
"Import directives may not be used within control directives or mixins. " any idea's?