Issue
According to the official guide, adding "md-48" to the class is supposed the resize the font to 48px, yet here it's not working. Am I missing something? I also tried using CSS to set the font size of .material-icons to 48px yet it remains unaffected.
/*.material-icons{
font-size: 48px;
}*/
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<div class="container-fluid mobileMenu">
<i class="material-icons md-48">list</i>
</div>
Solution
You can add directly in the tag the size of the icon, or add a CSS class to do this:
.material-icons.md-60 { font-size: 60px; }
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="container-fluid mobileMenu">
<i class="material-icons" style="font-size:60px;">list</i>
</div>
<div class="container-fluid mobileMenu">
<i class="material-icons md-60">list</i>
</div>
Answered By - Rémi M.
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.