Files
test-repo/tests/css_case/case.less
T
Simon Lydell ec4abdfb1e Don't lowercase CSS custom media names (#2822)
Fixes #2820. While that issue is about `@media (--fooBar)` in
particular, this commit changes to never lowercase stuff starting with
`--` in general, as it seems like those `--customStuff` things can pop
up kind of anywhere.
2017-09-14 21:55:11 +02:00

72 lines
1.7 KiB
Plaintext

// Convention in this test file:
// - The case should be preserved for things prefixed with "Keep".
// - The case should always be preserved for function names and property keywords.
// - Other things should mostly be lowercase.
// - The `/*:*/` comments are just to bust the `isLikelySCSS` check.
@IMPORT Keep;
HTML#KeepId.KeepClass,
a[HREF=KeepAttrValue]:HOVER::FIRST-letter,
:Not(:NTH-child(2N+1)) {
COLOR: #AAbbCC;
BACKGROUND-image: URL("KeepString");
Margin: 5PX .2E10Em;
--Keep-custom-Prop: red;
background: Var(--Keep-custom-Prop);
animation-name: KeepAnimationName;
important: something !IMPORTANT;
}
@keyframes KeepAnimationName {
FROM {
prop: val;
}
@{KeepInterpolationVar} {
prop: val;
}
TO {
prop: val;
}
}
@custom-media --KeepCustomMedia screen and (width >= 768px);
@media (--KeepCustomMedia) {}
@KeepDetachedRuleset: /*:*/ {
BACKGROUND: RED;
}
.Keep(@Keep: 12e03PX) WHEN (@Keep=Case) /*:*/ {
@KeepVar: KeepName; /*:*/
@{KeepInterpolationVar}: val;
@{Keep}[@{Keep}][@{Keep}^=@{Keep-1A}]:@{Keep} {
prop: val;
}
@KeepDetachedRuleset();
@KeepDetachedRuleset ( /* comment */ );
&:EXTEND(.Keep ALL);
.Keep;
.Keep();
.Keep() WHEN (@Keep=Keep);
.Keep() WHEN (@Keep=12PX);
.Keep() WHEN (@Keep=Keep12PX);
}
.Keep (@Keep) WHEN (lightness(@Keep) >= 12PX) AND (@Keep > 0) {}
.Keep (@Keep) WHEN (lightness(@Keep) != '12PX') AND (@Keep != "12PX") {}
.Keep (@Keep) WHEN (lightness(@Keep) >= Keep12PX) AND (@Keep > @Keep12E5) {}
.Keep(@Keep: 12PX; @Keep: @Keep12PX; ...) /*:*/ {}
.Keep(@Keep: '12PX'; @Keep: "12PX"; ...) /*:*/ {}
@MEDIA (MIN-WIDTH: 700PX) /*:*/ {}
@MEDIA (@{Keep}: @{Keep}) {}