Susy: I not know how getting started susy if i use 'gulp'

Created on 8 Jun 2016  ·  16Comments  ·  Source: oddbird/susy

Help please me. I not know how getting started susy if i use 'gulp'. not want use 'compass'.

documentation

Most helpful comment

Hey everybody. Got it working by doing:

npm install susy --save-dev

and in my gulpfile:

gulp.task('sass', function() {
    return gulp.src('scss/*.scss')
        .pipe(sass({
            outputStyle: 'compressed',
            includePaths: ['node_modules/susy/sass']
        }).on('error', sass.logError))
        .pipe(gulp.dest('dist/css'));
});

works fine 👍

All 16 comments

@aaronagray - would you be able to add a gulp section to the getting-started guide? We should probably also move Compass down the list, since it is end-of-life.

would you be able to add a gulp section to the getting-started guide?

--- Yes, need add guide, how getting-started use witch gulp. Thanks.

would you be able to add a gulp section to the getting-started guide?

Maybe. I yet not know.

I make it -"@import "node_modules/susy/sass/susy;" But i get error -

Error: no mixin named clearfix

Like this i it make -

@import "node_modules/susy/sass/susy";
@import "node_modules/breakpoint-sass/stylesheets/breakpoint";

It is good ?

And like this yet
gulpfile.js

var path = require('path'),
susy_main = require.resolve('susy'), 
susy_dir  = path.dirname(susy_main); 

//SCSS
gulp.task('sass', function () {
    gulp.src('./src/sass/**/*.scss')
    .pipe(sass({includePaths: [susy_dir]}))
    .pipe(sass.sync().on('error', sass.logError))
    .pipe(gulp.dest('./src/css/css/'));
});

test_style.scss
@import "_susy";

It is good ?

@mirisuzanne sounds good! I'll take a look this weekend.

I already have a guide about this somewhere in my sample chapters. I can add it easily when I'm back from my holidays :)

Stay awesome!
Zell

On 10 Jun 2016, at 1:58 PM, Aaron Gray [email protected] wrote:

@mirisuzanne sounds good! I'll take a look this weekend.


You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub, or mute the thread.

Hey everybody. Got it working by doing:

npm install susy --save-dev

and in my gulpfile:

gulp.task('sass', function() {
    return gulp.src('scss/*.scss')
        .pipe(sass({
            outputStyle: 'compressed',
            includePaths: ['node_modules/susy/sass']
        }).on('error', sass.logError))
        .pipe(gulp.dest('dist/css'));
});

works fine 👍

FNGR2911 - Thanks!

Is it working for you too @semiromid? I wrote an update to the docs and made a PR @mirisuzanne

@FNGR2911 , yes @import "_susy"; Good work.

I wrote an update to the docs and made a PR @mirisuzanne

Thanks you. I not know, did maybe It need make me?

Thanks, everyone!

I don't see clearfix working ? The mixin was missing, so I added it, no error now, but it doesn't work.

@simonron I don't think your question is related to this thread, would you like to open a new issue?

I also need more information about your code in order to help. Where is the clearfix not working? What mixin were you trying to use? We don't have a mixin called clearfix. Ours is called susy-clearfix, and it's not documented as part of the public API — only used internally. I'm not sure what you mean when you say it was missing, or what you did to replace it, or where you were expecting it to work.

Many thanks - I’ll work on this a while longer before re-posting !

On 26 Nov 2016, at 17:56, Miriam Suzanne notifications@github.com wrote:

@simonron https://github.com/simonron I don't think your question is related to this thread, would you like to open a new issue?

I also need more information about your code in order to help. Where is the clearfix not working? What mixin were you trying to use? We don't have a mixin called clearfix. Ours is called susy-clearfix, and it's not documented as part of the public API — only used internally. I'm not sure what you mean when you say it was missing, or what you did to replace it, or where you were expecting it to work.


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub https://github.com/oddbird/susy/issues/584#issuecomment-263048179, or mute the thread https://github.com/notifications/unsubscribe-auth/ABu_GoL2orDd9RJ9EOEhECvwwQHk7-cPks5rB9grgaJpZM4IwrCE.

Was this page helpful?
0 / 5 - 0 ratings