使用Sass未编译的媒体查询

Media queries with Sass won#39;t compile(使用Sass未编译的媒体查询)

问题描述

使用媒体查询混合编译我的Sass文件时出错。我遵循了几个教程，但它不能编译。我正在使用Sass 3.3.0.alpha.67 (Bleeding Edge)。

以下是我的代码

/* Included at the end */
@mixin mobile-only {
    @media (max-width : 320px) {
        @content;
    }
}

/* Included where the rest of my sass is */
body { @include mobile-only { 
            display: none; 
    } 
}

我正在使用Scout编译和监视更改。我还需要做什么吗？

推荐答案

似乎不再是问题。略微修改的代码将在此代码http://codepen.io/danielcgold/pen/RRNrPQ中进行说明。

@mixin start-desktop-size {
  @media (min-width: 1024px) {
    @content;
  }
}

body { 
  @include start-desktop-size { 
    background: red; 
  } 
}

这篇关于使用Sass未编译的媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！