Subtraction not working in compass scss

sass compass-sass
locrizak picture locrizak · Nov 3, 2011 · Viewed 14.2k times · Source

While ive been loving compass, I just ran to a confusing issue. I'm trying to subtract one from a value like this:

padding-left:($top-bar-padding*4)-1;
padding-left:($top-bar-padding*4-1);
padding-left:($top-bar-padding*4)-1px;
padding-left:($top-bar-padding*4-1px);

I've tried all of those and they all give me:

padding-left: 20px -1px;

It really puzzling me because I have this earlier in the .scss file and it is working fine:

padding:$top-bar-padding*2+2 $top-bar-padding*4;

Any insights on why this is happening?

Answer

locrizak picture locrizak · May 23, 2012

You need to have a space before and after the subtraction symbol like this:

($top-bar-padding*4 - 1)

Related questions

File to import not found or unreadable: compass

I successfully installed Sass, but I'm having trouble importing Compass. The following is the error detail: *Syntax error: File to import not found or unreadable: compass. Load path: H:/HTML/___keoFull/sass ..... Backtrace: mainKeo.scss:2 style.scss:2 C:/Ruby193/lib/…

Read More
SASS :not selector

I have a :not css selector in SASS mixin but it doesn't do anything: Code Snippet: @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include tip($pos:$pos); } } } &.notip { @if $pos == …

Read More
Sass Background Image mixin

I'm kind of new to Sass, but I'm attempting to create a workflow for myself. I generate "color packs" for my theme designs and need to specify the following variables for my mixin. Is there a better way to do …

Read More