sass - 无效的变量 sass 错误

Question

我正在尝试使用 sass-convert 将 sass 文件转换为 scss，但是当我运行命令甚至运行 compass watch 时，我收到以下错误：

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