Sass Bulma：使用带有变量的mixin

我使用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