0

プロジェクトでsassにコンパスとブートストラップを使用しています。すべてがうまく機能します。私が理解できない唯一のことは、アイコングリフのサイズを変更する方法です。

たとえば、ブートストラップがデフォルトの少ない構成で実行されている場合font-size、親要素に css メソッドを追加するだけでアイコンのサイズを大きくすることができます。うまく機能していましたが、sass のブートストラップに切り替えると、アイコンの色とフォント サイズが失われました。

何がうまくいかなかったのでしょうか？Boostrap はapplication.css.sassファイルに正しくインポートされます。

@import jquery.ui.all
@import variables.css.scss
@import bootstrap
@import sass-rules.css.scss
@import fonts.css.scss
@import general.css.scss
@import containers.css.scss
@import jquery.Jcrop.min
@import header.css.scss
@import side_bar.css.scss
@import modal.css.scss
@import home.css.scss
@import users.css.scss
@import items.css.scss
@import messages.css.scss
@import notifications.css.scss
@import me.css.scss
@import friends.css.scss
@import discover.css.scss

アップデート

Gemfile アセット

group :assets do
  gem 'sass-rails', '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'


  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  gem 'therubyracer', :platform => :ruby
  gem 'twitter-bootstrap-rails'
  gem 'bootstrap-sass', '~> 2.1.0.0'

  gem 'uglifier', '>= 1.0.3'

end
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'compass'

このブートストラップを sass gem に使用します。アイコンにミックスインを使用していません。

4

1 に答える 1

0

そのプロジェクトには、FontAwesomeのようなものを使用していることを示唆するものは何もありません。私が見る唯一のアイコンはスプライトマップからのものであり、明らかにそれらはサイズ変更できません。FontAwesome は、すべてのアイコンを含む Sass ファイルを提供します。

https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.scss

于 2012-09-24T21:12:07.430 に答える