sass無法調整圖標的引導

我正在使用指南針和引導sass項目。一切運作良好。唯一無法弄清的是如何調整圖標字形的大小。sass無法調整圖標的引導

例如，當引導程序在默認的較少配置下運行時，我可以通過向父元素添加一個font-size css方法來簡單地增加圖標大小。它運行良好，但是當我切換到bootstrap for 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'

使用this引導社科院寶石。我沒有使用任何混合圖標。

來源

2012-09-24 Dol

你看問題的混入？你正在使用哪個編譯（有多個項目將Twitter Bootstrap轉換爲Sass）？ – cimmanon

@cimmanon，剛剛更新。謝謝 – Dol

你仍然沒有鏈接到你指的Bootstrap項目。 – cimmanon

我沒有看到該項目中的任何內容，表明它正在使用類似FontAwesome的東西。我看到的唯一圖標來自sprite map，顯然這些圖標不可調整大小。 FontAwesome確實提供了所有的在它的圖標薩斯文件：

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

來源

2012-09-24 21:12:07 cimmanon

有道理。目前，我得到這個錯誤'@import「compass/css3/font-face」;'。我應該運行一個命令來設置它嗎？我只是下載它，並將'.ttf'文件放入我的字體中，並將'.scss'文件放入我的stylesheets文件夾中。 – Dol

我從來沒有使用過Compass，但是如果你想使用這個文件，你需要得到它（你可以在這裏找到Compass：http：//compass-style.org/）。我在當前的項目中使用了FontAwesome，並且只寫了我自己的那個文件的版本，我只爲我使用的字形生成類。 – cimmanon

我得到了錯誤，因爲指南針寶石錯了。我改變了它，現在我很好，但它現在沒有正確加載字形 - 我在頁面上有方格哈哈。我相信我現在可以解決這個問題。謝謝你的幫助！ – Dol

sass無法調整圖標的引導

回答

相關問題