Ruby on RailsでMaterialize CSSをオーバーライドするにはどうすればよいですか？

Question

私は、Materialize in Railsについてインターネット上のいくつかの記事を見てきましたが、この領域は非常に曖昧です。私は現在、マテリアライズサスの宝石を使用しています。

私はここに頼ることにしました、非常に多くの有用な記事を見つけることができませんでした。

は、ここで私は私がこれをやって行くにはどうすればよいfilter: brightness(50%);

を使用して<img>暗くしたい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> 

を持っているのページの私のコードですか？私はどこから始めるのですか？

ボーナス：私は部品やトランジションを議論するときMaterializecss.comは言及jQueryのものを追加できる場所を知っていれば、それをいただければ幸いです！

Answer 1

それだけで一つのオーバーライドですので、あなたが資産に新しい.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%)">