search

jakegiltsoff / sassline

Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.
https://sassline.com
1.38k stars 91 forks source link

Compilation error - undefined operation in rootsize mixin #50

Open ngo6012 opened 7 years ago

ngo6012 commented 7 years ago

Hello! I'm setting up Sassline in my project and am getting an error when I compile.

My error is:

File "assets\scss\vendor\sassline-master\sassline-base_variables.scss" changed. Running "sass:dist" (sass) task Error: Undefined operation: ""(min-width: 90.0625em) and (max-width: 120em)"/16 times 1em". on line 52 of assets/scss/vendor/sassline-master/sassline-base/_mixins.scss, in `rootsize'

My variables are set as follows:

$breakpoints: ( xsm: 320, sm: 480, smd: 640, md: 785, mdlg: 900, lg: 965, lgr: 1080, xlg: 1200, wd: 1280 ) !default;

$rootsizes: ( rootsize-0: 12, // 24px line-height body text rootsize-1: 14, // 28px line-height body text rootsize-2: 15, // 30px line-height body text rootsize-3: 17, // 34px line-height body text rootsize-4: 19 // 38px line-height body text ) !default;

Many thanks in advance for any guidance!

larsmarkus commented 7 years ago

Hi, i believe you need a rootsize for every breakpoint. So, you need up to rootsize-8 to match your number of breakpoints.