Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

I not know how getting started susy if i use 'gulp' #584

Closed
Yuriy-Svetlov opened this issue Jun 8, 2016 · 16 comments
Closed

I not know how getting started susy if i use 'gulp' #584

Yuriy-Svetlov opened this issue Jun 8, 2016 · 16 comments
Assignees

Comments

@Yuriy-Svetlov
Copy link

Yuriy-Svetlov commented Jun 8, 2016

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

@mirisuzanne
Copy link
Member

@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.

@Yuriy-Svetlov
Copy link
Author

Yuriy-Svetlov commented Jun 9, 2016

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.

@Yuriy-Svetlov
Copy link
Author

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

Maybe. I yet not know.

@Yuriy-Svetlov
Copy link
Author

Yuriy-Svetlov commented Jun 9, 2016

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

Error: no mixin named clearfix

@Yuriy-Svetlov
Copy link
Author

Yuriy-Svetlov commented Jun 10, 2016

Like this i it make -

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

It is good ?

@Yuriy-Svetlov
Copy link
Author

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 ?

@samusgray
Copy link
Collaborator

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

@zellwk
Copy link
Contributor

zellwk commented Jun 10, 2016

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 notifications@github.com 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.

@FNGR2911
Copy link

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 👍

@Yuriy-Svetlov
Copy link
Author

FNGR2911 - Thanks!

@FNGR2911
Copy link

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

@Yuriy-Svetlov
Copy link
Author

Yuriy-Svetlov commented Jun 10, 2016

@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?

@mirisuzanne
Copy link
Member

Thanks, everyone!

@simonron
Copy link

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

@mirisuzanne
Copy link
Member

@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.

@simonron
Copy link

simonron commented Nov 26, 2016 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants