Download & Extend
Sasson » Issues

new html5 pseudo-selectors cause error

Posted by Taiger on March 13, 2012 at 5:31am
Project:Sasson
Version:7.x-2.0
Component:Miscellaneous
Category:bug report
Priority:normal
Assigned:Unassigned
Status:closed (works as designed)

Issue Summary

Steps to reproduce:
add html5 input pseudo-selector to .scss file
visit a contact webform

  input:invalid, textarea:invalid {
    background-color: #FFEDED;
}

Got this error:
SassPropertyNodeException: Properties can not be assigned at root level in SassPropertyNode::isa() (line 200 of /var/www/mysite/sites/all/themes/sasson/phamlp/sass/tree/SassPropertyNode.php).

Am I doing something wrong here?

Thanks.

Login or register to post comments

Comments

#1

Posted by erutan on March 13, 2012 at 6:09pm

Have you tried doing something along the lines of

input {
  &:invalid { background-color: #FFEDED; }
}

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_pa...

#2

Posted by Taiger on March 17, 2012 at 6:15am

That worked great thank you!

I built a new portfolio site on Sasson just in time for Drupalcon Denver!

This is a really good base theme. The only major thing I changed was adding the module stylesheet nuker from Tao.

Thank you for your work.

#3

Posted by erutan on March 21, 2012 at 1:25am
Status:active» closed (works as designed)

Good to know - I'm actually not a developer on the theme, I just use it. I've asked enough questions in this issue queue I figured it'd be nice if I could answer one. :)

#4

Posted by tsi on March 21, 2012 at 8:15am

Thanks, erutan !
It is great we have a work-around, but if the expression is valid CSS, it shouldn't break the compilation.
So it is a minor bug, but it should be fixed in the compiler first, not in Sasson.