Bulma：将Mixins与变量一起使用

Question

我正在Bulma中使用mixins来调整屏幕大小（+移动设备和+桌面），在某些情况下效果很好。

.front-page
  +desktop
    padding-right: 120px!important

  +tablet
    padding-right: 60px!important

  p
    +mobile
      font-size: 1.1rem
      padding-bottom: 10px      
      line-height: 1.3

    +tablet
      font-size: 1.3rem
      padding-bottom: 10px      
      line-height: 1.3

但是，我正在尝试使用以下无效的方法。我在做什么错了？

.Site-content
  flex: 1
  +mobile
    padding-top: 100px!important

  +desktop
    padding-top: 0px!important