1. #1
    Sencha User meshulro's Avatar
    Join Date
    Dec 2009
    Location
    Zurich, Switzerland
    Posts
    5
    Vote Rating
    0
    meshulro is on a distinguished road

      0  

    Question How can I compile css using sass?

    How can I compile css using sass?


    Trying to compile tabs.scss gave me this error -
    Code:
    sass tabs.scss tabs.ccs
    
    Syntax error: Undefined mixin 'linear-gradient'.
            on line 59 of ././_ext-base.scss, in `linear-gradient'
            from line 59 of ././_ext-base.scss, in `bg_gradient'
            from line 81 of tabs.scss
      Use --trace for backtrace.
    Thank you,
    Roy

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    7
    TommyMaintz will become famous soon enough

      0  

    Default


    Hi, we are planning on writing a blog post or tutorial about how to customize the theme using sass soon. It looks like you haven't installed compass which is a framework on top of sass that we are using. For both sass and compass you need to install the --pre version. Let me know if you run into any problems.

  3. #3
    Sencha User
    Join Date
    Aug 2010
    Posts
    8
    Vote Rating
    0
    diederikveelo is on a distinguished road

      0  

    Default


    Hi Tommy,

    I'm having the same problems trying to compile the scss with sass. I have upgraded both sass and compass but it keeps raising the same error to me as Roy has. Could you please shed some light on this?

    Your help is much appreciated!

    Cheers,
    Diederik.

  4. #4
    Sencha User
    Join Date
    Jul 2010
    Location
    Paris, France
    Posts
    257
    Vote Rating
    0
    gabrielstuff is on a distinguished road

      0  

    Default


    Here : http://www.sencha.com/forum/showthre...n-after-before...)
    I think you will find what you need.

  5. #5
    Sencha User
    Join Date
    Aug 2010
    Posts
    8
    Vote Rating
    0
    diederikveelo is on a distinguished road

      0  

    Default


    Hi Gabriel,

    Thanks for your reply but unfortunately it didn't solve my issue. I have been struggling with this for over three days now and can't seem to get sass properly running. It keeps sending me an error when I try to compile the button.scss file into an css file. It gives me the following error:

    error sass/src/./_ext-base.scss (Line 55: Undefined mixin 'linear-gradient'.)

    When I run sass with the --watch command it gives me two warnings which I believe are old. If I look at the _ext-base.scss file I believe the two are explicitly imported.

    Code:
    $ sass --watch sass/src:css/src
    >>> Sass is watching for changes. Press Ctrl-C to stop.
    WARNING: Neither compass/css3.sass nor .scss found. Using compass/css3.css instead.
    This behavior is deprecated and will be removed in a future version.
    If you really need compass/css3.css, import it explicitly.
    
    WARNING: Neither blueprint/typography.sass nor .scss found. Using blueprint/typography.css instead.
    This behavior is deprecated and will be removed in a future version.
    If you really need blueprint/typography.css, import it explicitly.
    
    >>> Change detected to: /Library/WebServer/Documents/resources/sass/src/button.scss
    WARNING: Neither compass/css3.sass nor .scss found. Using compass/css3.css instead.
    This behavior is deprecated and will be removed in a future version.
    If you really need compass/css3.css, import it explicitly.
    
    WARNING: Neither blueprint/typography.sass nor .scss found. Using blueprint/typography.css instead.
    This behavior is deprecated and will be removed in a future version.
    If you really need blueprint/typography.css, import it explicitly.
    
          error sass/src/./_ext-base.scss (Line 55: Undefined mixin 'linear-gradient'.)
    I'm running haml-3.0.18, and compass-0.10.5
    ruby 1.8.6 (2009-06-08 patchlevel 369) [universal-darwin9.0]

    Your help is very much appreciated!
    Best regards,
    Diederik.

  6. #6
    Sencha User
    Join Date
    Aug 2010
    Posts
    8
    Vote Rating
    0
    diederikveelo is on a distinguished road

      0  

    Default


    Ah... it seems that I should not use sass --watch but compass watch... that seems to work on my test project so yeah! :-)

    Thanks for your help, sencha here I come.

  7. #7
    Sencha User
    Join Date
    Aug 2010
    Posts
    8
    Vote Rating
    0
    diederikveelo is on a distinguished road

      0  

    Default


    wel... it's a bit more complicated. If I try to play with the button.scss from sencha it raises another error on me, but by commenting out the require 'compass-colors' in the config.rb file inside the sass folder it seems to work fine. I can't see any differences in the demo, but maybe I'm doing something stupid.

    Diederik.

  8. #8
    Ext JS Premium Member
    Join Date
    Jun 2009
    Location
    Eastern WA, US
    Posts
    78
    Vote Rating
    0
    jnicora is on a distinguished road

      0  

    Default


    Is there a tutorial up for this yet?

  9. #9
    Ext JS Premium Member
    Join Date
    Jun 2009
    Location
    Eastern WA, US
    Posts
    78
    Vote Rating
    0
    jnicora is on a distinguished road

      0  

    Default


    Sorry, I forgot about searching =)

    http://www.sencha.com/blog/2010/06/2...assy-with-css/

    in case anyone else needs it

Similar Threads

  1. Is SASS the direction for CSS in Ext JS 4.0?
    By stever in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 26 May 2010, 7:30 AM
  2. Compile and Execute
    By dhanabalan in forum Ext GWT: Help & Discussion (1.x)
    Replies: 0
    Last Post: 17 Jul 2009, 4:57 PM
  3. Cant compile any of the samples
    By carpii in forum Ext GWT: Help & Discussion (1.x)
    Replies: 4
    Last Post: 4 Nov 2008, 3:01 AM
  4. How to compile new class
    By kalpan in forum Ext GWT: Help & Discussion (1.x)
    Replies: 2
    Last Post: 18 Oct 2008, 2:56 AM

Thread Participants: 4

Tags for this Thread

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