jescalan/rupture

Bracket notation doesn't overwrite defaults

Closed this issue · 1 comments

I came across a weird behavior while using Rupture.

When defining settings in bracket notation, e.g.

rupture['scale']          =  0       250px     460px     768px     1024px      1280px       1600px     1920px
                          // ├─────────┼─────────┼─────────┼─────────┼───────────┼────────────┼─────────>
rupture['scale-names']    =  'xs'     's'       'sm'      'm'       'l'        'xl'          'xxl'

the default values won't be overwritten.
When using it like

.foo
  +above('l')
    display block

it compiles to

@media only screen and (min-width: 800px) {
  .foo {
    display: block;
  }

@media only screen and (min-width: 1025px) {
  .foo {
    display: block;
  }

Using dot notation (like you do in the description) solves this issue.
Just wanted to let you know i came across this "bug".

Hey Manuel,

This is a stylus issue, not one with rupture. Rupture does not define any either notation, just the systems for injecting media queries, so unfortunately we are unable to deal with this in any way. If this is still bothering you, I'd try opening up an issue with stylus!