Salute to developers.
Hitherto I have used LESS, and after reading rapturous reviews on SCSS
(3.0.25) am giving it a try. A few hours of training and converting
stylesheets passed, and as it frequently happens — joys come with miseries
hand in hand.
1. Primary stylesheet (let's call it index.scss) begins with dependencies
import. SCSS doesn't include *contents of *reset.css, colorbox.css,
miscjs.css, etc if that files' extension is not .scss (or .sass). But, hey,
it's not convenient to rename such files if you update them from third-party
sites. For example, when new version of Colorbox rolls out, I just replace
old colorbox.css with a new one. Or when Eric Meyer rolls our updated
Reset.css, I just download & drop it into assets folder of the sites I
maintain. And now you ask me to complicate things with a renaming step.
My proposal on how imports should be handled:
@import "reset"; // Include contents of reset.(sass|scss|*css*)
@import "reset.css"; // Leave it as it is, i.e. @import url(reset.css)
2. Neither @extend is applicable nor variables are elegant solution when I
need to inherit *a **single property *of some element. Maybe I've missed
something, but with SCSS I can't do as follows
p { color: body['color']; }
--
You received this message because you are subscribed to the Google Groups
"Haml" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to [email protected].
For more options, visit this group at http://groups.google.com/group/haml?hl=en.
