关于scss安装方式，参见文章 ：
scss位置
ionic/scss/ionic.app.scss
注意文件里
@import “../www/lib/ionic/scss/ionic”;
路径要保持正确
示例
/*
To customize the look and feel of Ionic, you can override the variables
in ionic's _variables.scss file.
For example, you might change some of the default colors:
$light: #fff !default;
$stable: #f8f8f8 !default;
$positive: #387ef5 !default;
$calm: #11c1f3 !default;
$balanced: #33cd5f !default;
$energized: #ffc900 !default;
$assertive: #ef473a !default;
$royal: #886aea !default;
$dark: #444 !default;
*/
$bar-height: 165px !default; //调大head高度
$bar-padding-portrait: 0px;
// The path for our ionicons font files, relative to the built CSS in www/css
$ionicons-font-path: "../fonts" !default;
// Include all of Ionic
@import "../www/lib/ionic/scss/ionic";编译方法：
sass –style compact ionic.app.scss ../www/lib/ionic/css/ionic.css
几种style风格
- nested：嵌套缩进的css代码，它是默认值。
- expanded：没有缩进的、扩展的css代码。
- compact：简洁格式的css代码。
- compressed：压缩后的css代码。
saas监听并自动编译
// watch a file
sass --watch input.scss:output.css
// watch a directory
sass --watch app/sass:public/stylesheets使用gulp
npm install gulp
npm install gulp-sass
npm install gulp-minify-css
npm install gulp-concat
npm install gulp-rename
gulp sass
gulp watch ＃sass文件修改后自动编译
