0

I don't know how to connect the atom.io editor with susy.

I have tried searching the "atom susy", "atom susy sass" and simmiliar in google, but I have found nothing that help me. (most result were connected with chemistry, so I started to write "atom.io" instead of "atom" and this still has not delivered good results)

Okay... So I have: Atom (editor) with packages:

  1. sass-autocompile
  2. sass-watch

and npm with:

  1. node-sass
  2. susy
  3. auto-loader

I have tried:

@import "/Ruby22/lib/ruby/gems/2.2.0/gems/susy-2.2.12/sass/susy"

But susy doesn't work.

@import "C://Ruby22/lib/ruby/gems/2.2.0/gems/susy-2.2.12/sass/susy"

But susy still doesn't work.

@import "susy"

Error (not found)

@import "~/susy/sass/susy"

Error (not found)

@import "~/susy-2.2.12/sass/susy"

Error (not found)

Can anyone tell me how to get this to work?

Am I missing config? (if yes: Where to write this config?)

Venkat.R
  • 7,420
  • 5
  • 42
  • 63
Daniel Mizerski
  • 1,123
  • 1
  • 8
  • 24

1 Answers1

1

Follow the below steps to make sure whether you installed properly.

Install Compass

gem install compass --pre

Install Susy

gem install susy --pre

Create config.rb in the root of the project folder.

# Add the below contents
require "susy"

project_type = :stand_alone
http_path = "/"

# your sass folder
sass_dir = "sass" 
css_dir = "css"
images_dir = "img"
fonts_dir = "fonts"
javascripts_dir = "js"
line_comments = false
preferred_syntax = :scss
output_style = :expanded
relative_assets = true

Create main.scss

// Add the below contents
@import "susy";

body {
 background: #000;
}

Watch through compass now - "compass watch"

Venkat.R
  • 7,420
  • 5
  • 42
  • 63