Skip to content

Instantly share code, notes, and snippets.

@SomMeri
Created February 28, 2013 13:50
Show Gist options
  • Save SomMeri/5056848 to your computer and use it in GitHub Desktop.
Save SomMeri/5056848 to your computer and use it in GitHub Desktop.
Restrictions on namespaces and mixins names
.amp {
&.ext.support {
matched: amp extended; //all hit this
}
+ .ext.support {
color: plus extended; //all hit this
}
.ext.support {
matched: extended; //all hit this
}
&.ext .support {
matched: amp extended with space; //all hit this
}
.ext + .support {
matched: extended with plus; //all hit this
}
.ext {
.support {
matched: nested; //all hit this
}
}
}
.amp {
&.ext.support {
matched: amp extended; //all hit this
}
}
.amp.ext.support {
declaration: other; //all hit this
}
.amp.ext {
&.support {
color: first blue; //NONE hit this
}
.ext {
.support {
testing-scope: should not match 1; //all hit this
}
}
}
.amp .ext {
&.support {
color: second blue; //NONE hit this
}
.ext {
.support {
testing-scope: should not match 2; //all hit this
}
}
}
//calls
.call-no-space {
.amp.ext.support;
}
.call-first-space {
.amp .ext.support;
}
.call-second-space {
.amp.ext .support;
}
.call-two-spaces {
.amp .ext .support;
}
.call-first-symbol {
.amp > .ext.support;
}
.call-second-symbol {
.amp.ext > .support;
}
.call-two-symbols {
.amp > .ext > .support;
}
.amp.ext.support {
matched: amp extended;
}
.amp + .ext.support {
color: plus extended;
}
.amp .ext.support {
matched: extended;
}
.amp.ext .support {
matched: amp extended with space;
}
.amp .ext + .support {
matched: extended with plus;
}
.amp .ext .support {
matched: nested;
}
.amp.ext.support {
matched: amp extended;
}
.amp.ext.support {
declaration: other;
}
.amp.ext.support {
color: first blue;
}
.amp.ext .ext .support {
testing-scope: should not match 1;
}
.amp .ext.support {
color: second blue;
}
.amp .ext .ext .support {
testing-scope: should not match 2;
}
.call-no-space {
color: plus extended;
matched: extended;
matched: amp extended with space;
matched: extended with plus;
matched: nested;
matched: amp extended;
declaration: other;
testing-scope: should not match 1;
testing-scope: should not match 2;
}
.call-first-space {
color: plus extended;
matched: extended;
matched: amp extended with space;
matched: extended with plus;
matched: nested;
matched: amp extended;
declaration: other;
testing-scope: should not match 1;
testing-scope: should not match 2;
}
.call-second-space {
color: plus extended;
matched: extended;
matched: amp extended with space;
matched: extended with plus;
matched: nested;
matched: amp extended;
declaration: other;
testing-scope: should not match 1;
testing-scope: should not match 2;
}
.call-two-spaces {
color: plus extended;
matched: extended;
matched: amp extended with space;
matched: extended with plus;
matched: nested;
matched: amp extended;
declaration: other;
testing-scope: should not match 1;
testing-scope: should not match 2;
}
.call-first-symbol {
color: plus extended;
matched: extended;
matched: amp extended with space;
matched: extended with plus;
matched: nested;
matched: amp extended;
declaration: other;
testing-scope: should not match 1;
testing-scope: should not match 2;
}
.call-second-symbol {
color: plus extended;
matched: extended;
matched: amp extended with space;
matched: extended with plus;
matched: nested;
matched: amp extended;
declaration: other;
testing-scope: should not match 1;
testing-scope: should not match 2;
}
.call-two-symbols {
color: plus extended;
matched: extended;
matched: amp extended with space;
matched: extended with plus;
matched: nested;
matched: amp extended;
declaration: other;
testing-scope: should not match 1;
testing-scope: should not match 2;
}g
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment