--- title: How to Use Foundation Sass ---
Making changes is simple, in ```_settings.scss``` find the element you want to style (command/ctrl+f). Find the variable, uncomment the style, and change its value. Be sure to run grunt (libsass) or compass watch (compass) in order see any changes.
Here we've made some example changes to the buttons.
Now just need to save your changes and your Sass will compile. Just refresh the page to see yours changes!
A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. You can even pass in values to make your mixin more flexible. You can create custom mixins to speed up development, another example regarding buttons:
{{#markdown}} ```scss {{> examples_custom_button_include}} ``` {{/markdown}}Here is an example of some variables you can customize:
{{#markdown}} ```scss {{> examples_button_variable_include}} ``` {{/markdown}}Then you can use your new custom button by simply include the following html:
{{#markdown}} ```html {{> examples_button_html_include}} ``` {{/markdown}}By default the _settings.scss is imported here - ```@import "settings"``` as well as all of Foundation SCSS - ```@import "foundation"```. If you don't want all of Foundation you can comment it out and then activate the individual imports you want below including the ```@import``` on line 5.
Note: Some Foundation components depend on other styles.
After the ```@import``` tag is a great place to keep your custom Sass because it will get compiled into CSS right from here.
Here is an example of how you can write Sass inside the ```app.scss``` file.
The Sass version of Foundation still allows you to write Vanilla CSS as well. If you want to do so, it is best practice to write these CSS styles in the ```app.scss``` file.
Note: Any CSS files in the stylesheets folder will be overwritten when your Sass is compiled, be sure keep any changes away from the files in this folder.