Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// Breakpoint (v2.5.0)
// Singularity.gs (v1.4.0)
// ----

@charset "utf-8"

// =======================================
// import
// =======================================
@import "breakpoint"
@import "singularitygs"

// =======================================
// Singularitugs Options
// =======================================
// @include sgs-change("debug", true)

// =======================================
// Breakpoint Options
// =======================================
$breakpoint-default-feature: max-width

// =======================================
// Media Queries Variables
// =======================================
// Device Size
$mobile-320: 320px
$mobile-480: 480px
$tablet-640: 640px
$tablet-760: 760px
$tablet-930: 930px
$desktop: 998px
// Breakpoint
@include add-grid(12 at $mobile-320)
@include add-grid(12 at $mobile-480)
@include add-grid(12 at $tablet-640)
@include add-grid(12 at $tablet-760)
@include add-grid(12 at $tablet-930)
@include add-grid(12 at $desktop)
@include add-gutter(1/7)

/***************************************************
  **  Base Design
  ***************************************************/
@import "base"
@import "fonts"
@import "select"

/***************************************************
  **  Mixin Design
  ***************************************************/
@import "mixin/button"
@import "mixin/border"

/***************************************************
  **  Desktop layout
  ***************************************************/
@import "layout"
@import "main"
@import "company"

SassMeister-output.css

Invalid CSS after "...===============": expected selector or at-rule, was "@import "breakp..."