#7 Optimize basic sass structure

templates/sass/_default-variables.scss

-// TODO: Make this configurable
-// Set the directory for the Bootstrap Glyphicon font.
-$icon-font-path: '../fonts/bootstrap/';
-
-// Set the directory for the Flat-UI Glyphicon font.
-$icon-font-path: '../fonts/flat-ui';
-$icon-font-name: 'flat-ui-icons-regular';
-
-// Enable the animate modules you want to use
-$use-bounceIn: true;
+// Put your variables in here

templates/sass/_settings.scss.twig

+{% if bower_assets.bootstrap-sass.fonts is defined %}
+// Set the directory for the Bootstrap Glyphicon font.
+$icon-font-path: '../fonts/bootstrap/';
+{% endif %}
+
+{% if bower_assets.flat-ui is defined %}
+// Workaround for Flat-UI issue with node-sass:
+// @see https://github.com/wingrunr21/flat-ui-sass/issues/39
+@function tint($color, $percentage){
+  @return mix(#fff, $color, $percentage)
+}
+{% if bower_assets.flat-ui.fonts is defined %}
+// Set the directory for the Flat-UI Glyphicon font.
+$icon-font-path: '../fonts/flat-ui';
+$icon-font-name: 'flat-ui-icons-regular';
+{% endif %}
+
+{% if bower_assets.animate-sass.sass is defined %}
+// Enable the animate modules
+{% for module in bower_assets.animate-sass.sass.modules|default([]) %}
+$use-{{ module }}: true;
+{% endfor %}
+{% endif %}

templates/sass/style.scss

 // =============================================================================
-// Example main style file for SCSS, please delete those you don't need!!!
+// Main style file for SCSS. To change settings of the theme, please edit the
+// composer.json of your project and run ** composer update **
 //
 // Also, please have a look into default variables.
 // =============================================================================
+@import 'settings';
 @import 'default-variables';
-
-// Workaround for Flat-UI issue with node-sass:
-// @see https://github.com/wingrunr21/flat-ui-sass/issues/39
-@function tint($color, $percentage){
-  @return mix(#fff, $color, $percentage)
-}
-
-// ============== Bower assets =================================================
 @import 'bower-assets.scss';
 
 // =============================================================================
-// Add your own themeing stuff below this.
+// Add your own theming stuff below this.
 // =============================================================================