Issue with accents about sassbeautify HOT 10 CLOSED

Hey there. This is odd, I cannot replicate this issue. Can you try the following in a CLI:

sass-convert --indent 4  --to scss --stdin <<< "//à é ç è ù
.test{color:red}"

(It's two lines, but should work if you copy + paste into your terminal.)

Let me know the output?

Also can you let me know what version of Sass you're using?

from sassbeautify.

The copy/paste doesn't work. :( (I'm on Windows 7)
This is what happen when I do it :

C:\Users\Username>sass-convert --indent 4  --to scss --stdin <<< "//à é ç è ù
<< était inattendu.
C:\Users\Username>.test{color:red}"

(the french part says "it was unexpected")

I'm using Sass 3.2.10 + Compass 0.12.2 with Fire.app ( http://fireapp.handlino.com )
But this problem doesn't appear when I'm compiling, it's only in Sublime Text 2 when I'm using SassBeautify ( (ctrl + shift + p and "SassBeautify")

When I'm compilling with Fire.app without using SassBeautify, my CSS comments is still good in the output file.

/*à é ç è ù*/

from sassbeautify.

Could be a windows environment thing, I'll test on windows when I have some free time.

from sassbeautify.

Just to let you know I am getting a similar issue when building in sublime text. I am using a windows machine. I have tried deleting whitespace and a few other things, but nothing is working. Not a huge issue for me, just thought I would let you know. Cheers.

The error I am getting is

Error on line 3: Invalid CSS after "...order-collapse:": expected pseudoclass or pseudoelement, was " collapse;ΓÇï}ΓÇï"

The scss I am using is below

​.products {​
​  table {​
​    border-collapse: collapse;​}​
​​
​  table tr td {​
​    padding: 5px;​
​    vertical-align: top;​
​  }​
​​
​  .list_image {​
​    width:  60px;​
​    height: 70px;​
​  }​
​​
​  .list_description {​
​    width: 60%;​
​​
​    dl {​
​      margin: 0;​
​    }​
​​
​    dt {​
​      color:        #244;​
​      font-weight:  bold;​
​      font-size:    larger;​
​    }​
​​
​    dd {​
​      margin: 0;​
​    }​
​  }​
​​
​  .list_actions {​
​    font-size:    x-small;​
​    text-align:   right;​
​    padding-left: 1em;​
​  }​
​​
​  .list_line_even {​
​    background:   #e0f8f8;​
​  }​
​​
​  .list_line_odd {​
​    background:   #f8b0f8;​
​  }​
​}​

from sassbeautify.

Have replicated, working on a fix.

from sassbeautify.

So I think I've fixed this now. Specifying the sass encoding seems to have fixed it. Let me know if you still have issues.

@ryannealmes Your issue appears to be with the zero-width space unicode character (U+200B). It's not a problem with this plugin, as sass can't compile with those characters. I'm not sure if this character is legal in CSS files, you should check. I suggest removing those characters.

from sassbeautify.

Ah yes thanks. I think the copy paste from pdf pasted in some unwanted chars. All working now :) Awesome tool! Thanks.

from sassbeautify.

Problem solved too with my french accents. Thanks a lot ! :)

from sassbeautify.

Great, thanks for letting me know :)

from sassbeautify.

I've reverted this change, as linux (and possibly OSX) versions of Sass do not have the encoding (-E) option. I don't understand why. In any case, a much better cross-platform fix for unicode characters is to specify the charset within your Sass files, for example:

@charset "UTF-8";

.content-navigation {
    // à é ç è ù
    border-color: $blue;
}

from sassbeautify.