SCSS：按固定像素增加属性

Question

我试图在悬停时增加某些字体真棒图标的字体大小。因为所有图标的字体大小不同，我想知道是否可以在悬停时添加一些像素到现有字体大小SCSS。

实施例： -

<ul class="menu">
    <li>
        <a href="#" >Designs
            <i class="fa fa-paint-brush"></i>
        </a>
    </li>
    <li>
        <a href="#" >Mobile Applications 
            <i class="fa fa-mobile"></i>
        </a>
    </li>
    <li>
        <a href="#" >Ecommerce 
            <i class="fa fa-shopping-cart"></i>
        </a>
    </li>
</ul>

CSS：

.menu li:hover{
  i{
    //increase font size by 20px
  }
 }

在上面的代码中，所有图标都有不同的font-size.How如何通过SCSS将字体大小增加20px。