Bracket notation doesn't overwrite defaults
Closed this issue · 1 comments
manurg commented
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".
jescalan commented
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!