Skip to content

Undefined operation with multiplication #2309

@danez

Description

@danez

input.scss

$button-sizes: (
  'xs': (
    'line-height': 16 / 12,
  ),
  's': (
    'line-height': 18 / 14,
  ),
  'm': (
    'line-height': 18 / 14,
  ),
  'l': (
    'line-height': 22 / 16,
  )
);

@each $size in $button-sizes {
  $size-metrics: nth($size, 2);

  .c-button__icon {
    min-height: map-get($size-metrics, 'line-height') * 1em;
  }
}

libsass 3.5.0.beta.2

Error: Undefined operation: "16/12 times 1em".
       on line 20 of src/scss/rg.scss
>>     min-height: map-get($size-metrics, 'line-height') * 1em;
   ----------------^

ruby sass 3.4.21

.c-button__icon {
  min-height: 1.33333em;
}

.c-button__icon {
  min-height: 1.28571em;
}

.c-button__icon {
  min-height: 1.28571em;
}

.c-button__icon {
  min-height: 1.375em;
}

version info:

$ node-sass --version
node-sass	4.4.0	(Wrapper)	[JavaScript]
libsass  	3.5.0.beta.2	(Sass Compiler)	[C/C++]

http://www.sassmeister.com/gist/38aa5e8c468bfb9cb15ff21c88e595b1

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions