-
21 Dec 2011 2:13 PM #1
Unanswered: Configuring the .scss to include the pictos images
Unanswered: Configuring the .scss to include the pictos images
Guys,
I'm looking to create a new .css file using the Compass compile process, and the one thing I can't seem to figure out is out to properly include all of the pictos images so that they get incorporated as base64 files in my css.
What command or include do I need to place in the .scss file?No longer a Newbie
-
21 Dec 2011 2:15 PM #2
Should be as simple as putting this in your scss file:
@include pictos-iconmask(refresh);
@include pictos-iconmask(locate);
@include pictos-iconmask(warning_black);
@include pictos-iconmask(globe2);
@include pictos-iconmask(tabbed_book);
.......
-
21 Dec 2011 2:23 PM #3
Doesn't seem to work, I wonder if there's some other configuration that's not properly set, or perhaps my folder structure is not precisely what it needs to be...
No longer a Newbie
-
29 Dec 2011 1:20 AM #4
in your scss should do the trick.Code://extra default icons @include pictos-iconmask('list'); @include pictos-iconmask('mail'); @include pictos-iconmask('phone1');
Once you have done this and compiled your scss you make a button and apply like so:
Code:listbtn = Ext.create('Ext.Button',{ iconCls: 'list', iconMask: true });


Reply With Quote