相关疑难解决方法(0)

我正在使用SASS部分模块化我的样式表,如下所示:

@import partials/header
@import partials/viewport
@import partials/footer
@import partials/forms
@import partials/list_container
@import partials/info_container
@import partials/notifications
@import partials/queues

有没有办法包括整个partials目录(这是一个充满SASS-partials的目录),如@import罗盘或什么？

我想使用灯箱宝石,如fancybox或彩盒.两个宝石都要求在application.css中添加这一行

 *= require colorbox-rails

这是问题所在.我只有application.css.scss文件.我的所有css文件都是scss文件.我在application.css.scss中有import语句但没有*= require语句.添加上面的行会导致错误:

"*"之后的CSS无效:期望"{",是"= require colorb ..."

这是完整的application.css.scss

@import "bootstrap";
@import "welcome";
@import "sessions";
@import "users";


*= require colorbox-rails

我将自定义部署_variables.scss到我的生产服务器作为编译资产时出现问题.

在我的开发环境中,一切都很好,生产中我的变量被覆盖了.

我正在使用Rails 4.2.1和Spree 3.0 Stable分支.

我有以下结构:

创建的文件 vendor/assets/stylesheets/frontend

• _variables.scss(我的自定义应用变量)
• all.css(由Spree生成)
• frontend_bootstrap.css.scss(覆盖Spree)
• navbar.scss(我的自定义)

将_variables.scss包含以下内容:

// Place all Sass variables here.

// Colors
$brand-primary: green;
$gray: #aaa;

// Navbar
$navbar-default-bg: #fff;
$navbar-height: 100px;
$navbar-border-radius: 0;
$navbar-default-border: none;
$navbar-default-toggle-hover-bg: $navbar-default-bg;
$navbar-default-toggle-icon-bar-bg: lighten($gray, 60%);
$navbar-default-toggle-border-color: $navbar-default-bg;
$navbar-default-link-active-bg: $brand-primary;

将frontend_boostrap.css.scss包含以下内容:

// Spree Bootstrap Override

// Core
@import "variables";
@import "bootstrap-sprockets";
@import "bootstrap";

// Custom Overrides
@import "navbar";

将navbar.scss包含以下内容:

// Navbar Customization

.navbar-myapp {
  margin-bottom: 40px;
  border-top: …