Create SASS Mixins for Icons

Question

Create SASS Mixins for Icons

Opened this issue 7 years ago · 5 comments

Hi Guys

I'm thinking of using this repo for the icons in my app but it seems to be written to only support declarative usage. I'd prefer to use the icons directly in my own SASS files.

Would you be open to me refactoring the SASS file to use mixins so you can call them directly in another SASS file, or output a CSS file exactly the same as the current one.

It'd be based roughly on (a simpler version of) this: http://jaydenseric.com/blog/fun-with-sass-and-font-icons

Alternatively, if you have a better idea for how to do this, I'd be glad to hear it.

Answer 1 · 2017-03-21T20:56:36.000Z

That sounds good to me.

Answer 2 · 2017-03-22T09:21:43.000Z

Thanks, Geordan. I'll see what I can do...

Answer 3 · 2017-03-22T11:53:39.000Z

Done.

The output CSS file looks the same to me.

I'm new to Grunt so you might want to check my Gruntfile. And I used SCSS instead of SASS - does that matter? I was having trouble writing the mixin in SASS mode. :/

#22

Answer 4 · 2017-03-23T10:40:09.000Z

Do you want me to write a short how to guide for using the SASS files for inclusion in the readme?

Answer 5 · 2017-03-23T11:28:23.000Z

Yes that would be great! Thanks for contributing, btw! Den 23 mar 2017 11:40 skrev "Fergus Hadley" <notifications@github.com>:

…

Do you want me to write a short how to guide for using the SASS files for inclusion in the readme? — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#21 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AHCfJfBVjwuI53yzV-vEr9r1cxht0jcPks5rokwJgaJpZM4Mjqsm> .