如何在Ruby on Rails中重寫Materialise CSS？

我一直在尋找關於物化在Rails中的一些帖子，但是這個區域似乎很模糊。我目前正在使用物化風格的寶石。如何在Ruby on Rails中重寫Materialise CSS？

我沒有找到很多有用的帖子，我決定在這裏度假。

這裏是我的網頁代碼中，我有pages/discover.html.erb

<%= stylesheet_link_tag "https://fonts.googleapis.com/icon?family=Material+Icons" %> 
    <div class="row"> 
    <div class="col s12 m5"> 
     <div class="card"> 
     <div class="card-image b"> 
      <img src="http://i.huffpost.com/gen/1456585/images/o-CRAIG-COBB-facebook.jpg"> 
      <span class="card-title">Cregg Cobb Is Back At It Again, But Only This Time He Has Guns</span> 
     </div> 
     <div class="card-content"> 
      <p>I am a very simple card. I am good at containing small bits of information. 
      I am convenient because I require little markup to use effectively.</p> 
     </div> 
     <div class="card-action"> 
       <div class="chip"> 
       <img src="http://i.huffpost.com/gen/1456585/images/o-CRAIG-COBB-facebook.jpg" id="cobb"> 
       Like 
       </div> 
     </div> 
     </div> 
    </div> 
    </div>

我想用filter: brightness(50%);

我如何去這樣做，使<img>深色？我從哪開始呢？

獎勵：如果您知道我可以在何處添加Materializecss.com在討論組件和轉換時提及的jQuery內容，將不勝感激！

來源

2016-03-18 Jason Procka

您是使用gem還是手動複製資源？這裏是寶石回購的鏈接。 https://github.com/mkhairi/materialize-sass – hernanvicente

我正在使用寶石。 –

因爲它只是一個單一的覆蓋，你可以添加一個新的.css文件資產（或無論你存儲靜態的東西），具有重要的一類：

img.darker { 
    filter: brightness(50%) !important; 
}

然後在導入模板的頂部：

<%= stylesheet_link_tag "/path/to/css.file" %>

和類添加到您的圖片標籤：

<img src="/my/img.png" class="darker">

或者喲你可以單獨設計圖像標籤的樣式：

<img src="/my/img.png" style="filter:brightness(50%)">

來源

2016-03-18 22:43:17 10dot

感謝您的幫助！但是，當我在我的html標籤中使用樣式時，它似乎不起作用。我將會在我的網站上顯示這些帖子模型的頁面，我需要所有的帖子都有一個較暗的。創建一個靜態的css頁面不會這樣做:( –

我編輯了上面的註釋並添加了信息，所以你可能還沒有收到通知，但我仍然對這個新的。 –

我認爲你可以添加！重要的內聯樣式標記（儘管我從未真正嘗試過）......值得一讀;） – 10dot

如何在Ruby on Rails中重寫Materialise CSS？

回答

相關問題