search

nathansmith / unsemantic

Fluid grid for mobile, tablet, and desktop.
http://unsemantic.com
MIT License
1.38k stars 162 forks source link

sass vs scss #22

Closed alexandruv closed 11 years ago

alexandruv commented 11 years ago

I'm trying to run this through Fire App but it's giving me strange errors. Could it be because it's not scss but saas files?

nathansmith commented 11 years ago

Hmm, it shouldn't be. Sass and SCSS should be handled by the same compiler.

Can you post an example of the error?

(Note: I'm not familiar with Fire App, but I'd be curious to see what it says.)

alexandruv commented 11 years ago

See the attached file.

Not sure what is the problem here :(

On Fri, Jun 14, 2013 at 4:20 PM, Nathan Smith notifications@github.comwrote:

Hmm, it shouldn't be. Sass and SCSS should be handled by the same compiler.

Can you post an example of the error?

(Note: I'm not familiar with Fire App, but I'd be curious to see what it says.)

— Reply to this email directly or view it on GitHubhttps://github.com/nathansmith/unsemantic/issues/22#issuecomment-19459582 .

alexandruv commented 11 years ago

unsemantic-fire-error

nathansmith commented 11 years ago

Variables in Sass are declared with a colon, not an equals sign. This should work.

If it's a *.sass file, you needn't put the trailing ; because it will throw an error…

$linkColor: #000

Whereas, with a *.scss file, trailing semicolons are required…

$linkColor: #000;

Reason being, when the compiler sees = it thinks that you are attempting to declare a *.sass mixin…

// Declaring
=special-mixin
  color: red

.special-class
  // Using
  +special-mixin

With *.scss, that would be…

// Declaring
@mixin special-mixin {
  color: red;
}

.special-class {
  // Using
  @include special-mixin;
}
alexandruv commented 11 years ago

Wow, how come i didnt think of that? Thanks a lot! I'll test it out! — Best regards / Pozdrawiam / Mulțumesc

On Fri, Jun 14, 2013 at 5:42 PM, Nathan Smith notifications@github.com wrote:

Variables in Sass are declared with a colon, not an equals sign. This should work… $linkColor: #000 Also, if it's a *.sass file, you needn't put the trailing ; because it will throw an error.

Whereas, with a *.scss file, trailing semicolons are required.

Reply to this email directly or view it on GitHub: https://github.com/nathansmith/unsemantic/issues/22#issuecomment-19464729