问题标签 [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.
ruby-on-rails - 为什么 Bundler 版本查找在这里选择预发布版本?
我们有一个 gem,它作为开发依赖项依赖sass-rails
(特别是在版本 5.0.4 中),它又依赖于railties >4.0.0
and <5.0
。
现在我们不检查我们的 Gemfile.lock 到 repo 以使其尽可能灵活(毕竟它是我们的“通用”gem),并且在 travis 构建期间,安装解决了它对versionsass-rails
的依赖,我会直观地说不是,现在在(由于)上运行测试时会导致问题。railties
5.0.0.beta1
<5.0
ruby < 2.2.2
rack
现在,我是否误解了某些东西,或者这是捆绑程序安装的5.0.0.beta1
错误<5.0
?
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:in
block (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'
结尾
css - Rails 应用程序使用 SASS 从外部 gem 导入 CSS 而不处理 Sprockets 指令
我觉得这一定是一个相对普遍的问题,但我的 Google-foo 到目前为止让我失望了。
我有一个 Rails 4 应用程序,我在其中使用 SASS 作为我的 CSS。我有几个我(被迫)使用的主要包含 CSS 的宝石。假设 gem C 有一个index.css
文件,其中包含该 gem 的 CSS 的 Sprockets 指令。当我@import gem-x/index
的application.css
文件将只包含这些 Sprockets 指令的文本时。
我能找到的唯一解决方案是查看外部 gem 的来源,以便我可以@import
直接手动手动每个 CSS 文件,例如
这既乏味又需要我了解每个不直接提供 SASS 供消费的外部 gem 的资产结构。
有什么方法可以让 Sprockets 和资产管道index.css
在我处理这些外部 gem 的文件时处理@import
它们,而不是简单地将文本放入我的application.css
?
编辑:
这种行为似乎与sass-rails
5+ 中的重大变化有关:https ://github.com/rails/sass-rails/issues/297
那个线程已经有一年了。这些天有任何解决方法或解决方案吗?
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 相关的事情,以便能够通过导入访问文件。
ruby-on-rails - 预编译资产轨道时更少的解析器错误
这是我的 Gemfile。
我的 application.rb 文件中有这个
当我尝试使用 rake 资产预编译我的资产时,我的资产中有 scss 和 less 文件:precompile 我收到此错误
我在这里做错了什么有什么帮助吗?
css - 变量对于 SASS 是全局的,但不是 SCSS
我的application.css.scss
设置是这样的:
就像文档说的那样,我根本没有使用 Sprockets 的指令(require
、、require_tree
和require_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 语法?我在这里想念什么?提前致谢。
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),但问题仍然存在。
这是我的宝石文件。
任何帮助将非常感激。
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 错误”。我该如何解决这个问题以及资产组织应该是什么。
谢谢你们。
css - 如何使用多个参数制作 sass 颜色比较功能?
当前colorcontrast
功能只比较三种颜色。寻找使用多个参数构建的最佳解决方案,例如@function colorcontrast($color, $rest...) {
forcolor: colorcontrast(yellow, blue, orange, tomato, deekskyblue);
但不确定如何与所有列出的颜色进行比较。
ruby-on-rails - Rails Sass 自定义方法未运行
出于某种原因,sass 没有运行我的自定义函数。环境变量已定义并可以像我在应用程序中使用它的其他 ruby 代码一样工作。我只是无法弄清楚为什么 SASS 没有运行该功能。我感谢您的帮助。
我在 application.rb 文件中有一个自定义的 sass 方法:
THE_ENV
环境变量在 application.yml 文件中定义。
在我的 application.sass 文件中,我有以下内容,它总是设置 #d71f2b:
Gemfile.lock 包含: