Skip to content
This repository has been archived by the owner on Jul 24, 2024. It is now read-only.

node-sass trips over old-IE opacity CSS #189

Closed
TomGault opened this issue Dec 10, 2013 · 2 comments
Closed

node-sass trips over old-IE opacity CSS #189

TomGault opened this issue Dec 10, 2013 · 2 comments

Comments

@TomGault
Copy link

I pasted this example from http://www.quirksmode.org/css/opacity.html into a file named test.scss:

.test {
  background-color: #6374AB;
  width: 100%;
  color: #ffffff;
}

.opaque1 {  // for all other browsers
  opacity: .5;
}

.opaque2 {  // for IE5-7
  /* Comment out the following and the file compiles no problem. */
  filter: alpha(opacity=50);
}

.opaque3 {  // for IE8
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

I used this test harness:

var sass = require('node-sass');
sass.render({
    file: 'test.scss',
    success: function (css) {
      console.log('Done!');
      console.log(css);
    },
    error: function (error) {
      console.log(error);
    }
});

Result:
.../test.scss:13: error: error reading values after opacity

@LaurentGoderre
Copy link
Contributor

This is a duplication of #132 which has a documented fix

@TomGault
Copy link
Author

Whoops! Thanks. For anyone stumbling on this issue, the root issue is in libsass: sass/libsass#154, and the "documented fix" mentioned here and in #132 is to use the "unquote" function as a work-around.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants