modularscale / modularscale-sass

Modular scale calculator built into your Sass
http://www.modularscale.com
MIT License
1.98k stars 134 forks source link

No output? #150

Closed strarsis closed 6 years ago

strarsis commented 6 years ago

@scottkellum:

$modularscale: (
  base: 1em,
  ratio: $golden
);

article {
  @include ms-respond(padding, 6);
}

But there is no padding in <article>.

scottkellum commented 6 years ago

@strarsis You’ll need to set breakpoint settings for this to work: https://codepen.io/scottkellum/pen/xYMqym

strarsis commented 6 years ago

@scottkellum: Thanks! And if I want to start without any breakpoints (e.g. mobile first) – how have I configure $modularscale to get output for one single strand+ratio?

scottkellum commented 6 years ago

@strarsis until you have breakpoints I don’t recommend you use ms-respond. Also note it doesn’t work like regular breakpoints and creates a fluid transition between sizes instead of jumps in sizes and is not intended for use inside of media queries.

strarsis commented 6 years ago

So ms-respond is for text/typography, rather not for properties like padding/margin?

scottkellum commented 6 years ago

No it’s for everything but you’ll need to add breakpoints in the syntax documented in order for it to work