Tag: sass

ActiveAdmin资产预编译错误

ActiveAdmin给了我一个 Undefined mixin ‘global-reset’. 尝试运行时出错 rake assets:precompile ActiveAdmin是0.3.4。 我的Gemfile中有ActiveAdmin和资产组，包括sass，coffee-rails和uglifier。

win7上出现@import’bootstrap’错误，显示500错误

我正在构建一个简单的rails应用程序，当我加载主页时，我得到： 在59ms内完成500内部服务器错误 ActionView :: Template :: Error（不同的前缀：“c：/”和 “D：/ workspaceRor / jrpappthree / ssets / stylesheets” （在D：/workspaceRor/jrpappthree/app/assets/stylesheets/custom.css.scss））： 2: 3: 4: 5: 6: 7: 8: 我的gem文件 gem ‘rails’ gem ‘bootstrap-sass’ gem ‘bcrypt-ruby’ gem ‘faker’ gem ‘will_paginate’ gem ‘bootstrap-will_paginate’ gem ‘pg’ group :development, :test do gem ‘mysql2’ gem ‘annotate’ end # Gems used only for assets and not […]

如何在rails 4中管理多个css文件？

我有app/views/layouts/mycontroller.html.erb包含的控制器下的所有内容的css文件： 但我已经将我的css分解为一些特定视图，例如home.css.scss（可能不是解决它的最好方法吗？）。 之前，我还包括额外的CSS。 例如在app/views/mycontroller/home.html.erb ，我将使用另一个styleshet_link_tag ： 我在我的Gemfile中包含了gem’sass gem ‘sass-rails’, ‘4.0.1’ ，并且预编译发生在heroku上。 没有CSS似乎是加载或只加载其中的一部分而不是两组CSS规则的总和。

Bootstrap不会加载rails和sass

我是Rails的新手，我想在我的网站上使用Bootstrap，但Bootsrap不加载。 有什么不对，我应该做些什么呢？ 我按照这本手册： Sass-Bootstrap 这些是我的文件： 的Gemfile： gem ‘rails’, ‘3.2.16’ gem ‘ruby’ gem ‘bootstrap-sass’, ‘~> 3.3.5’ gem ‘sass-rails’, ‘>= 3.2’ gem ‘turbolinks’ application.scss @import “bootstrap-sprockets”; @import “bootstrap”; 的application.js //= require jquery //= require jquery_ujs //= require turbolinks //= require bootstrap //= require_tree . application.html.erb “all”, “data-turbolinks-track” => true %> true %> 我项目中的ruby版本是ruby 2.0.0p481我的Rails版本是： Rails 3.2.22

Rails 3.0 – 在生产中关闭Compass / SASS – 样式表404

我在Heroku上运行Compass on Rails 3.0并且它的工作正常，但我偶尔会遇到一个问题，其中（某些？）样式表的编译速度与页面的其他部分一样快，因此它们不会被提供（。 css链接导致404，然后页面显示为无样式）。 你们知道如何让Compass在服务器启动时编译所有样式表（在prod中），然后再不再触摸它们吗？ 这样它基本上可以预编译所有必要的样式表，并且不存在问题？ 或者，在heroku部署之前调用一些脚本将所有样式表编译为公共/样式表，然后完全关闭生产中的Compass会更有意义吗？ 谢谢！

Rails Sass在快速开发机器中编译速度太慢

我的计算机运行速度为3.6ghz，内存为12GB，并使用Windows 7和RailsInstaller开发Rails应用程序。 当我使用纯css时，没有问题，但是当我开始使用Sass和Compass时，我必须等待10-15秒才能刷新以查看新的更改。 （只有当我编辑.scss文件时才会发生） 任何人都知道在一台相当快的机器上导致这种情况

字体真棒图标对齐

我正在使用bootstrap-sass和font-awesome-sass-rails gems，并通过添加到bootstrap-and-overrides.css.scss成功消除了重复的图标（来自glyphicons）： [class^=”icon-“] { background-image:none; } 但是，现在我遇到的问题是略有不合格的图标..这些字形是完美的。 现在我看到了： 我想将图标向下移动一个像素或2.请帮忙。 谢谢。

Rails erb预处理不在开发模式下进行

无论出于何种原因，动态样式的第一次尝试在下面的行中得到了一个Sass :: SyntaxError。 看起来erb没有被预处理。 /* app/assets/stylesheets/variables.css.scss.erb */ $headerHeight: ; 它处于开发模式。 知道是什么原因引起的吗？ 以下是与资产相关的配置选项，以防有助于： # Application config.assets.enabled = true config.assets.initialize_on_precompile = true config.assets.version = ‘1.1’ # Development config.assets.compress = false config.assets.debug = false

在资产管道中编辑我的SASS样式表似乎打破了资产管道

这让我疯了 – 我有一个基于Bootstrap的Rails应用程序。 我已经连续几周了，今天我遇到了一个非常奇怪的问题。 如果我对任何样式表进行任何微不足道的更改（即添加新行并保存），我会松散一堆CSS格式。 如果没有一些如何发布我的所有代码等，这很难解释。最大的症状是丢失了我的Google字体。 这是我的application.css.scss文件的顶部： @import “font-awesome-sprockets”; @import “font-awesome”; @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700); /*** BOOTSTRAP ***/ /* Needs to load first to overide the default CSS */ @import “bootstrap_custom”; @import “bootstrap-sprockets”; @import “bootstrap”; @import “timeline”; 在此之后我还有一些自定义CSS。 字体真棒和bootstrap CSS似乎仍然加载。 似乎消失的CSS代码是bootstrap_custom。 这是我的导航栏我有谷歌字体和一些自定义CSS的地方。 重新启动rails服务器无法修复它。 替换已编辑的css文件不起作用。 我真的必须恢复整个app目录的旧版本。 如果我用终端或TextMate更改文件并不重要 – 结果相同。 如果重要的话，我在OS X 10.10.1上运行Rails 4.1.8。 我必须hame配置错误或有一些奇怪的Rails服务器缓存或设置我在这里丢失。 我必须恢复整个app目录的事实会让我相信这一点。 UPDATE 我认为这是一个SASS或Bootstrap-sass问题。 我通过在线文件比较网站从两个版本运行CSS。 […]

Bourbon的@ font-face mixin

我是Bourbon＆SASS的新手，并尝试使用@ font-face mixin将我下载的字体（Museo Sans）添加到我的Rails 3应用程序中。 波旁威士忌提供以下示例： @include font-face(SourceSansPro, ‘/fonts/Source_Sans_Pro/SourceSansPro-Regular’); @include font-face(SourceSansPro, ‘/fonts/Source_Sans_Pro/SourceSansPro-Bold’, bold); @include font-face(SourceSansPro, ‘/fonts/Source_Sans_Pro/SourceSansPro-Italic’, normal, italic); // Rails asset-pipeline – place fonts in app/assets/fonts/ @include font-face(SourceSansPro, ‘Source_Sans_Pro/SourceSansPro-Regular’, normal, $asset-pipeline: true); 我做了什么： // application.css.scss @import “bourbon”; @import “fonts”; // fonts.css.scss @include font-face(MuseoSans, ‘/fonts/MuseoSans/MuseoSans_500-webfont’, normal, $asset-pipeline: true); * { font-family: MuseoSans; } 字体在assets / fonts […]