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

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

  •  2
  • Pedro Affonso  · 技术社区  · 9 年前

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

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

    _设置.css

    $primary_color: #cc3333;
    ...
    

    _设置.css

    $primary_color: #3333cc;
    ...
    

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

    1 回复  |  直到 9 年前
        1
  •  4
  •   Pedro Affonso    9 年前

    我刚刚发现,解决方案是编辑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'
            }
          }
        }