I have been utilizing Zurb Foundation for a while now, with a bower + compass setup as outlined in the documentation here.
Recently, I encountered an issue where a specific page was loading slowly. Upon investigating, I discovered that there were numerous duplicate directives in the generated CSS file.
Although I believe this is likely due to my own error, I am unsure of where to begin troubleshooting and what information to provide to pinpoint the problem.
Current versions in use: Foundation 5.4.7 (though it's listed as 5.4.5) and Compass 1.0.1.
Any help would be greatly appreciated.
*************** Update: *****************
After further inspection, I confirmed that I was indeed running version 5.4.7 as suggested by @Cartucho.
I looked into _functions.scss and found the following patch:
// IMPORT ONCE
// We use this to prevent styles from being loaded multiple times for components that rely on other components.
$modules: () !default;
@mixin exports($name) {
$module_index: index($modules, $name);
@if (($module_index == null) or ($module_index == false)) {
$modules: append($modules, $name);
@content;
}
}
@KatieK provided some examples from the outputted CSS: at line 90
/* line 386, ../../../../foundation_master/bower_components/foundation/scss/foundation/components/_global.scss */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
at line 2885
/* line 386, ../../../../foundation_master/bower_components/foundation/scss/foundation/components/_global.scss */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
at line 3085
/* line 386, ../../../../foundation_master/bower_components/foundation/scss/foundation/components/_global.scss */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}