1. #1
    Sencha User nak1's Avatar
    Join Date
    Jan 2008
    Posts
    260
    Answers
    1
    Vote Rating
    0
    nak1 is an unknown quantity at this point

      0  

    Default 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

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Location
    Cedar Rapids, IA
    Posts
    63
    Answers
    8
    Vote Rating
    1
    aoathout is on a distinguished road

      0  

    Default


    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);
    .......

  3. #3
    Sencha User nak1's Avatar
    Join Date
    Jan 2008
    Posts
    260
    Answers
    1
    Vote Rating
    0
    nak1 is an unknown quantity at this point

      0  

    Default


    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

  4. #4
    Sencha User
    Join Date
    Dec 2011
    Posts
    3
    Vote Rating
    0
    GrowDigital is on a distinguished road

      0  

    Default


    Code:
    //extra default icons  
    @include pictos-iconmask('list');
    @include pictos-iconmask('mail');
    @include pictos-iconmask('phone1');
    in your scss should do the trick.

    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
    });

Thread Participants: 2

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar