代码之家 › 专栏 › 技术社区 › Pedro Affonso

使用Foundation、Grunt、Sass创建多个主题(css文件)

zurb-foundation gruntjs sass

2

Pedro Affonso · 技术社区 · 11 年前

我想为我的foundation web应用程序创建一些不同的主题(基本上为不同的客户切换颜色方案)。我对Sass、libsass和grunt还是很陌生的。

基本上我想要的是:有两个不同的_settings.scss文件

_设置.css

$primary_color: #cc3333;
...

_设置.css

$primary_color: #3333cc;
...

使用这两个文件生成foundationA.css和foundationB.css。我目前正在与Sass/Grunt一起使用Foundation。

1 回复 | 直到 11 年前

1

4

Pedro Affonso 11 年前

我刚刚发现,解决方案是编辑Gruntfile.js并将文件添加到“sass”任务中:

sass: {
      options: {
        includePaths: ['bower_components/foundation/scss']
      },
      dist: {
        options: {
          outputStyle: 'compressed'
        },
        files: {
          'css/app.css': 'scss/app.scss',
          'css/app2.css': 'scss/app2.scss',
          'css/app3.css': 'scss/app3.scss'
        }
      }
    }