Question

我正在尝试使用sass-convert将sass文件转换为scss，但是当我运行命令或者甚至当我运行指南针监视时，我收到以下错误：

Invalid variable: $media (min-width: 950px)

我通常使用scss语法，所以我不确定为什么会产生错误，如果它是@media？

代码的部分是：

.center  text-align:center 
.right  text-align:right 
.top vertical-align:top 
.middle  vertical-align:middle 
$media (min-width: 950px) 
.row
    max-width:980px


$media (max-width: 900px) 
.row
    max-width:760px

.logo
    width:300px

提前感谢您提供任何帮助。

Answer 1

您的代码中有很多格式错误！

声明不能与选择器内联。
冒号后面的每个声明中至少应有一个空格，否则会被视为伪类。
媒体块以@开头，而不是$。 $用于变量。
媒体块内的规则应正确嵌套。

这是您的代码格式正确：

.center
  text-align: center 

.right
  text-align: right 

.top
  vertical-align: top 

.middle
  vertical-align: middle 

@media (min-width: 950px) 
  .row
    max-width: 980px


@media (max-width: 900px) 
  .row
    max-width: 760px

  .logo
    width: 300px

变量sass错误无效

1 个答案: