From: Geoff Kimball Date: Wed, 16 Dec 2015 23:11:40 +0000 (-0800) Subject: Add remark to Sass docs explaining where to find the settings file, if you aren't... X-Git-Tag: v6.1.0~47 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=fcc341b1bb07a367ca132fa10db2544b9b4cad8e;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Add remark to Sass docs explaining where to find the settings file, if you aren't using one of the starter projects #7385 --- diff --git a/docs/pages/sass.md b/docs/pages/sass.md index 3377cadb0..a076ded53 100644 --- a/docs/pages/sass.md +++ b/docs/pages/sass.md @@ -38,6 +38,7 @@ To get started, first install the framework files using Bower or npm. ```bash npm install foundation-sites --save +bower install foundation-sites --save ``` ### Compiling Manually @@ -70,6 +71,13 @@ Finally, add an `@import` statement to the top of your primary Sass file. Refer @import 'foundation'; ``` +You're also going to want a settings file for your project, which will allow you to modify the default styles of Foundation. **[Download the latest settings file here](https://raw.githubusercontent.com/zurb/foundation-sites/master/scss/settings/_settings.scss)**, add it to your project as `_settings.scss`, then import it *before* Foundation itself. + +```scss +@import 'settings'; +@import 'foundation'; +``` + ### Using Compiled CSS The Foundation for Sites npm and Bower packages include pre-compiled CSS files, in minified (compressed) and unminified flavors. If you're interested in editing the framework CSS directly, use the unminified file. For production, use the minified version.