Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Breakpoint (v2.4.2)
// ----

@import "breakpoint";

// 設定要有 fallback
$breakpoint-no-query-fallbacks: true;

$desktop-break: 768px; // 設定 media query 斷點
$no-query-class: '.ie8'; // 設定 fallback class name

$desktop-up: $desktop-break, 'no-query' $no-query-class;


// 開始寫樣式
#foo {
  content: '手機版樣式';
  @include breakpoint($desktop-up) {
    content: '桌面版樣式';
  }
}

SassMeister-output.css

@charset "UTF-8";
#foo {
  content: '手機版樣式';
}
@media (min-width: 768px) {
  #foo {
    content: '桌面版樣式';
  }
}
.ie8 #foo {
  content: '桌面版樣式';
}