title: Foundation Icon fonts not properly resizing
body: <p>I have successfully gotten my icons to display as links using the 'foundation-icons-sass-rails' gem but they are not resizing when I try either of these solutions in my CSS:</p>
  
  <pre><code>.fi-heart {
    font-size: 72px;
   }
  </code></pre>
  
  <p>In my index.html.erb they look like this:</p>
  
  <pre><code> &lt;div class="row"&gt;
   &lt;% @pets.each do |pet| %&gt;     
    &lt;p class="button-left"&gt;
     &lt;%= link_to pets_path do %&gt;
       &lt;i class="fi-paw large"&gt;&lt;/i&gt;
     &lt;% end %&gt;
   &lt;/p&gt;
   &lt;p class="button-right"&gt;
     &lt;%= link_to pet_friendships_path(pet), method: :post do %&gt;
       &lt;i class="fi-heart large"&gt;&lt;/i&gt;
     &lt;% end %&gt;
   &lt;/p&gt;
  </code></pre>
  
  <p>UPDATE: Ended up referencing <a href="https://stackoverflow.com/questions/12272372/how-to-style-icon-color-size-and-shadow-of-font-awesome-icons">this solution</a> from a bootstrap icon issue with FontAwesome and got it working. </p>
  
  <pre><code> &lt;div class="row"&gt;
    &lt;% @pets.each do |pet| %&gt;
     &lt;div class="button-left"&gt;
      &lt;div style="font-size: 42px"&gt;
       &lt;%= link_to pets_path do %&gt;
        &lt;i class="fi-paw"&gt;&lt;/i&gt;
      &lt;/div&gt;
     &lt;% end %&gt;
    &lt;/div&gt;
  </code></pre>