/    Sign up×
Community /Pin to ProfileBookmark

Susy not loading

I am new to SASS, but have been able to get some basic code to work. Today, I loaded the latest version of SUSY on my computer.

I tried to follow a post on codepen where they were using this code to load SUSY:

[CODE]
@import “susy”;
[/CODE]

I have used both the compiler “Koala” and “Scout” and they both fail when trying to import Susy.

I did check to make sure Susy was installed on my computer.

Does anyone know how to get Susy to load correctly?

If it helps, here is a link to the code on codepen: [URL=”http://codepen.io/ihatetomatoes/pen/ByxGMG/”]http://codepen.io/ihatetomatoes/pen/ByxGMG/[/URL]

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@Azumi93Jan 31.2017 — Did you check that you have it in the correct folder?
Copy linkTweet thisAlerts:
@lkeeneyauthorFeb 01.2017 — Did you check that you have it in the correct folder?[/QUOTE]

What I did was to search until I found where susy was loaded and then used this link :c:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/susy-2.2.12/lib/susy.rb

Here is the code I used to load susy
[CODE]
@import url('c:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/susy-2.2.12/lib/susy.rb');
[/CODE]


I am not getting an error now that it can't find susy, but I am getting an error in the first line of susy code which is this:
[CODE]
$susy: (
columns: 12,
gutters: 1/4,
math: fluid,
output: float,
gutter-position: inside,
);[/CODE]


This is the error I get when using the Scout compiler:
error SASS-test2/sass/style.scss (Line 8: Invalid CSS after " columns": expected ")", was ": 12,")

identical SASS-test2/sass/style.css [/QUOTE]


This is the error I get when using the Koala compiler:
C:UserslkeeneyDesktopSASS-test2sassstyle.scss

directory stylesheets

error sass/style.scss (Line 19: Undefined mixin 'container'.)

Compilation failed in 1 files.[/QUOTE]


This is line 19 in my code:
[CODE]body { @include container(40em);}[/CODE]

I find it interesting that two different compilers find different problems. I am at a completely lost at this point.
×

Success!

Help @lkeeney spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...