Sass Bulma:使用带有变量的mixin

Sass Bulma:使用带有变量的mixin,sass,bulma,Sass,Bulma,我使用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 +

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