问题标签 [sass-rails]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
295 浏览

ruby-on-rails - 为什么 Bundler 版本查找在这里选择预发布版本?

我们有一个 gem,它作为开发依赖项依赖sass-rails(特别是在版本 5.0.4 中),它又依赖于railties >4.0.0and <5.0

现在我们不检查我们的 Gemfile.lock 到 repo 以使其尽可能灵活(毕竟它是我们的“通用”gem),并且在 travis 构建期间,安装解决了它对versionsass-rails的依赖,我会直观地说不是,现在在(由于)上运行测试时会导致问题。railties5.0.0.beta1<5.0ruby < 2.2.2rack

现在,我是否误解了某些东西,或者这是捆绑程序安装的5.0.0.beta1错误<5.0

0 投票
0 回答
875 浏览

ruby-on-rails - 尝试运行 rails server 时 sass-rails gem 出错

我正在使用 ruby​​ 2.3.0 和 rails 4.2.0。当我尝试运行 rails 服务器时,我收到了似乎与 sass-rails gem 相关的错误。我不确定为什么这不起作用。

谢谢你

这是错误:

roman@quotebeam:~/workspace/hello_app$ rails server /home/roman/.rbenv/versions/2.3.0/lib/ruby/gems/2.3.0/gems/bundler-1.11.2/lib/bundler/runtime。 rb:80:in rescue in block (2 levels) in require': There was an error while trying to load the gem 'sass-rails'. (Bundler::GemRequireError) from /home/roman/.rbenv/versions/2.3.0/lib/ruby/gems/2.3.0/gems/bundler-1.11.2/lib/bundler/runtime.rb:76:inblock (2 级别) in require'

这是我的宝石文件

来源“ https://rubygems.org

宝石'导轨','4.2.0'

宝石'sass-rails','5.0.1'

宝石'uglifier','2.5.3'

宝石'咖啡轨','4.1.0'

宝石'jquery-rails','4.0.3'

宝石'turbolinks','2.3.0'

宝石'jbuilder','2.2.3'

宝石'sdoc','0.4.0',组::doc

组:开发,:测试做

宝石'sqlite3','1.3.9'

宝石'byebug','3.4.0'

gem 'web-console', '~> 2.0'

宝石'春天','1.1.3'

结尾

0 投票
1 回答
904 浏览

css - Rails 应用程序使用 SASS 从外部 gem 导入 CSS 而不处理 Sprockets 指令

我觉得这一定是一个相对普遍的问题,但我的 Google-foo 到目前为止让我失望了。

我有一个 Rails 4 应用程序,我在其中使用 SASS 作为我的 CSS。我有几个我(被迫)使用的主要包含 CSS 的宝石。假设 gem C 有一个index.css文件,其中包含该 gem 的 CSS 的 Sprockets 指令。当我@import gem-x/indexapplication.css文件将只包含这些 Sprockets 指令的文本时。

我能找到的唯一解决方案是查看外部 gem 的来源,以便我可以@import直接手动手动每个 CSS 文件,例如

这既乏味又需要我了解每个不直接提供 SASS 供消费的外部 gem 的资产结构。

有什么方法可以让 Sprockets 和资产管道index.css在我处理这些外部 gem 的文件时处理@import它们,而不是简单地将文本放入我的application.css?


编辑:

这种行为似乎与sass-rails5+ 中的重大变化有关:https ://github.com/rails/sass-rails/issues/297

那个线程已经有一年了。这些天有任何解决方法或解决方案吗?

0 投票
1 回答
83 浏览

ruby-on-rails - Sass-rails 导入 css 问题

我正在尝试安装一个新的 gem(https://github.com/froala/wysiwyg-rails),它具有我试图使用 sass-rails 调用的 css 依赖项,但我只在渲染中看到我的 @import 指令css。

安装工作正常,因为我做了捆绑安装,我可以加载 js。css 文件位于我的 ruby​​ 的正确文件夹中,但我没有成功导入 css。

我正在使用这行代码来获取 css:

我还有什么与 sass-rails 相关的事情,以便能够通过导入访问文件。

0 投票
1 回答
69 浏览

ruby-on-rails - 预编译资产轨道时更少的解析器错误

这是我的 Gemfile。

我的 application.rb 文件中有这个

当我尝试使用 rake 资产预编译我的资产时,我的资产中有 scss 和 less 文件:precompile 我收到此错误

我在这里做错了什么有什么帮助吗?

0 投票
2 回答
322 浏览

css - 变量对于 SASS 是全局的,但不是 SCSS

我的application.css.scss设置是这样的:

就像文档说的那样,我根本没有使用 Sprockets 的指令(require、、require_treerequire_self),所以我希望我在其中定义的变量base/_variables.scss是全局变量并且可用于我的/application/application.scss文件,但事实并非如此:

将返回错误Undefined variable: "$big"

我已经通过文件命名尝试了与 SASS 相同的事情,application.css.sass虽然/application/application.sass现在的变量似乎是全局变量,但我想继续使用 SCSS 语法,我已经通过设置尝试过,config.sass.preferred_syntax = :scss但我仍然被要求萨斯。

当然,每次我需要我的变量时,我都可以只导入我的变量文件,但这会违反 DRY 原则。

在使我的变量全局可用的同时,是否可以使用 SCSS 语法?我在这里想念什么?提前致谢。

0 投票
0 回答
171 浏览

ruby-on-rails - Gem 加载错误是:启动 rails 服务器时未初始化的常量 Sass::Rails::Tilt

我最近在我的 ubuntu 机器(ubuntu 16.10)上安装了 rails(5.0.1)。每当我尝试运行服务器时都会收到此消息。Gem 加载错误是:未初始化的常量 Sass::Rails::Tilt

我尝试使用另一个 Rails 版本(5.0.0.1),但问题仍然存在。

这是我的宝石文件。

任何帮助将非常感激。

0 投票
1 回答
114 浏览

sass - 如何组织 js、css 和 scss 文件以进行正确的导入和流水线操作?

最近我在资产文件夹中购买了一个带有资产的主题:-

现在,我需要在 Rails 资产管道中使用主题并组织为:-

1) 将所有 *.js 文件保留在上述 (1) 号中。在 /app/assets/javascripts 文件夹和 application.js 文件中,代码是:-

(Js 文件已导入,我认为没有错误,因为所有文件都在 javascripts 目录中)

2) 将所有 *.css 文件保存在上面第 2 点的 /app/assets/stylesheets 中。
3) 将上面第 3 点中的 assets/sass/main.scss 保存到 /app/assets/stylesheets。
4) 将上面第 4 点中的仪表板文件夹保存到 /app/assets/stylesheets 中,application.css 文件内容如下:-

我认为这应该可行,因为所有 css 都是由 require_tree 导入的。并且“main.scss”具有从仪表板目录导入的文件。但是我从“main.scss”文件导入的“_variables.scss”中定义的变量中得到“变量未找到 $font-weight-bold sass 错误”。我该如何解决这个问题以及资产组织应该是什么。

谢谢你们。

0 投票
1 回答
636 浏览

css - 如何使用多个参数制作 sass 颜色比较功能?

当前colorcontrast功能只比较三种颜色。寻找使用多个参数构建的最佳解决方案,例如@function colorcontrast($color, $rest...) {forcolor: colorcontrast(yellow, blue, orange, tomato, deekskyblue);但不确定如何与所有列出的颜色进行比较。

0 投票
1 回答
28 浏览

ruby-on-rails - Rails Sass 自定义方法未运行

出于某种原因,sass 没有运行我的自定义函数。环境变量已定义并可以像我在应用程序中使用它的其他 ruby​​ 代码一样工作。我只是无法弄清楚为什么 SASS 没有运行该功能。我感谢您的帮助。

我在 application.rb 文件中有一个自定义的 sass 方法:

THE_ENV环境变量在 application.yml 文件中定义。

在我的 application.sass 文件中,我有以下内容,它总是设置 #d71f2b:

Gemfile.lock 包含: