From e418937d426dd68085559173339d7d76fae22ef8 Mon Sep 17 00:00:00 2001
From: Juanma <juanma@aspgems.com>
Date: Fri, 13 Jan 2017 11:49:23 +0100
Subject: [PATCH] Add custom setting for foundation variables.

---
 CUSTOMIZE_ES.md                                      | 6 ++++++
 app/assets/stylesheets/_custom_settings.scss         | 5 +++++
 app/assets/stylesheets/foundation_and_overrides.scss | 1 +
 3 files changed, 12 insertions(+)
 create mode 100644 app/assets/stylesheets/_custom_settings.scss

diff --git a/CUSTOMIZE_ES.md b/CUSTOMIZE_ES.md
index 09fdfe62c..33c91b268 100644
--- a/CUSTOMIZE_ES.md
+++ b/CUSTOMIZE_ES.md
@@ -17,6 +17,7 @@ Para adaptarlo puedes hacerlo a través de los directorios que están en custom
 Aparte de estos directorios también cuentas con ciertos ficheros para:
 
 * `app/assets/stylesheets/custom.css`
+* `app/assets/stylesheets/_custom_settings.css`
 * `app/assets/javascripts/custom.js`
 * `Gemfile_custom`
 * `config/application.custom.rb`
@@ -67,6 +68,11 @@ Si quieres cambiar algun selector CSS (de las hojas de estilo) puedes hacerlo en
   background: red;
 }
 ```
+Si quieres cambiar alguna variable de foundation puedes hacerlo en el fichero `app/assets/stylesheets/_custom_settings.scss`. Por ejemplo para cambiar el color general de la aplicación puedes hacerlo agregando:
+
+```css
+$brand:             #446336;
+```
 
 Usamos un preprocesador de CSS, [SASS, con la sintaxis SCSS](http://sass-lang.com/guide).
 
diff --git a/app/assets/stylesheets/_custom_settings.scss b/app/assets/stylesheets/_custom_settings.scss
new file mode 100644
index 000000000..92a304e6f
--- /dev/null
+++ b/app/assets/stylesheets/_custom_settings.scss
@@ -0,0 +1,5 @@
+// Overrides and adds customized foundation settings in this file
+// Read more on documentation:
+// * English: https://github.com/consul/consul/blob/master/CUSTOMIZE_EN.md#css
+// * Spanish: https://github.com/consul/consul/blob/master/CUSTOMIZE_ES.md#css
+//
diff --git a/app/assets/stylesheets/foundation_and_overrides.scss b/app/assets/stylesheets/foundation_and_overrides.scss
index 403d5566d..9387678f9 100644
--- a/app/assets/stylesheets/foundation_and_overrides.scss
+++ b/app/assets/stylesheets/foundation_and_overrides.scss
@@ -1,6 +1,7 @@
 @charset 'utf-8';
 
 @import 'settings';
+@import 'custom_settings';
 @import 'foundation';
 
 @include foundation-global-styles;