fix for this issue, twbs/bootstrap#10073

(svg distorting when using .img-responsive in IE 10)
TT-- · Apr 23, 2017 · 9356c83 · 9356c83
1 parent e3dfd1b
commit 9356c83
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -23,7 +23,7 @@ <h3>More Links</h3>
                         <ul class="list-inline social-but-img">
                             {% for network in site.social-footer %}
                                 {% if network.icon == null %}
-                                    <li><a href="{{ network.url }}"><img class="img-iconimg" src="{{ site.baseurl }}/img/{{ network.iconimgsrc }}" alt="{{ network.iconimgalt }}"></a> </li>
+                                    <li><a href="{{ network.url }}"><img class="img-responsive-iconimg" src="{{ site.baseurl }}/img/{{ network.iconimgsrc }}" alt="{{ network.iconimgalt }}"></a> </li>
                                 {% endif %}
                             {% endfor %}
                         </ul>

diff --git a/_layouts/style.css b/_layouts/style.css
@@ -479,10 +479,10 @@ ul.social-but-img li a {
     transition: all .3s;
 }
 
-.img-iconimg {
-    width: 40px;
-    height: 40px;
+.img-responsive-iconimg {
+    width:100% \9;
     max-width:100%;
+    height:auto
 }
 
 .address {