Oxygen CSS parser appears to not understand @media queries
Please see http://www.w3.org/TR/css3-mediaqueries/ It looks like the CSS parser in 14.0, build 2012052416 doesn't understand this new feature of CSS. Is it possible to add it? Cheers, E. -- Eliot Kimber Senior Solutions Architect, RSI Content Solutions "Bringing Strategy, Content, and Technology Together" Main: 512.554.9368 www.rsicms.com www.rsuitecms.com Book: DITA For Practitioners, from XML Press, http://xmlpress.net/publications/dita/practitioners-1/
Hi Eliot, Oxygen only supports for rendering in the Author page parsing simple CSS media types like:
@media screen { * { font-size: 30px; } }
Actually Oxygen applies in the Author page styles specified in 3 media types: "all", "screen" or our custom "oxygen" media type. You seem to want more complex media queries, like:
@media all and (min-width:500px) { * { font-size: 30px; } }
Indeed the CSS parser used in the Author page does not yet support this. Could you elaborate on your use case? Maybe give us a small sample? Regards, Radu Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com On 6/7/2012 4:26 PM, Eliot Kimber wrote:
Please see http://www.w3.org/TR/css3-mediaqueries/
It looks like the CSS parser in 14.0, build 2012052416 doesn't understand this new feature of CSS.
Is it possible to add it?
Cheers,
E.
I was actually referring to the parse used when editing the CSS file itself, not the use of the CSS in Author mode. I was simply looking at a CSS developed for rendering books at different display sizes, which uses the form @media query shown in the example. Cheers, E. On 6/8/12 3:35 AM, "Oxygen XML Editor Support" <support@oxygenxml.com> wrote:
Hi Eliot,
Oxygen only supports for rendering in the Author page parsing simple CSS media types like:
@media screen { * { font-size: 30px; } }
Actually Oxygen applies in the Author page styles specified in 3 media types: "all", "screen" or our custom "oxygen" media type.
You seem to want more complex media queries, like:
@media all and (min-width:500px) { * { font-size: 30px; } }
Indeed the CSS parser used in the Author page does not yet support this.
Could you elaborate on your use case? Maybe give us a small sample?
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/7/2012 4:26 PM, Eliot Kimber wrote:
Please see http://www.w3.org/TR/css3-mediaqueries/
It looks like the CSS parser in 14.0, build 2012052416 doesn't understand this new feature of CSS.
Is it possible to add it?
Cheers,
E.
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
-- Eliot Kimber Senior Solutions Architect, RSI Content Solutions "Bringing Strategy, Content, and Technology Together" Main: 512.554.9368 www.rsicms.com www.rsuitecms.com Book: DITA For Practitioners, from XML Press, http://xmlpress.net/publications/dita/practitioners-1/
Hi Eliot, So you meant validation of the CSS file edited in Oxygen should support the @media query syntax, right? Just make sure than in the Oxygen Preferences->"CSS Validator" page you set the profile to be "CSS 3" or "CSS 3 with Oxygen extensions". My small samples seemed to validate OK using one of these 2 profiles. Regards, Radu Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com On 6/8/2012 5:05 PM, Eliot Kimber wrote:
I was actually referring to the parse used when editing the CSS file itself, not the use of the CSS in Author mode.
I was simply looking at a CSS developed for rendering books at different display sizes, which uses the form @media query shown in the example.
Cheers,
E.
On 6/8/12 3:35 AM, "Oxygen XML Editor Support"<support@oxygenxml.com> wrote:
Hi Eliot,
Oxygen only supports for rendering in the Author page parsing simple CSS media types like:
@media screen { * { font-size: 30px; } }
Actually Oxygen applies in the Author page styles specified in 3 media types: "all", "screen" or our custom "oxygen" media type.
You seem to want more complex media queries, like:
@media all and (min-width:500px) { * { font-size: 30px; } }
Indeed the CSS parser used in the Author page does not yet support this.
Could you elaborate on your use case? Maybe give us a small sample?
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/7/2012 4:26 PM, Eliot Kimber wrote:
Please see http://www.w3.org/TR/css3-mediaqueries/
It looks like the CSS parser in 14.0, build 2012052416 doesn't understand this new feature of CSS.
Is it possible to add it?
Cheers,
E.
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
Didn't realize that setting was there. Cheers, E. On 6/8/12 9:16 AM, "Oxygen XML Editor Support" <support@oxygenxml.com> wrote:
Hi Eliot,
So you meant validation of the CSS file edited in Oxygen should support the @media query syntax, right?
Just make sure than in the Oxygen Preferences->"CSS Validator" page you set the profile to be "CSS 3" or "CSS 3 with Oxygen extensions". My small samples seemed to validate OK using one of these 2 profiles.
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/8/2012 5:05 PM, Eliot Kimber wrote:
I was actually referring to the parse used when editing the CSS file itself, not the use of the CSS in Author mode.
I was simply looking at a CSS developed for rendering books at different display sizes, which uses the form @media query shown in the example.
Cheers,
E.
On 6/8/12 3:35 AM, "Oxygen XML Editor Support"<support@oxygenxml.com> wrote:
Hi Eliot,
Oxygen only supports for rendering in the Author page parsing simple CSS media types like:
@media screen { * { font-size: 30px; } }
Actually Oxygen applies in the Author page styles specified in 3 media types: "all", "screen" or our custom "oxygen" media type.
You seem to want more complex media queries, like:
@media all and (min-width:500px) { * { font-size: 30px; } }
Indeed the CSS parser used in the Author page does not yet support this.
Could you elaborate on your use case? Maybe give us a small sample?
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/7/2012 4:26 PM, Eliot Kimber wrote:
Please see http://www.w3.org/TR/css3-mediaqueries/
It looks like the CSS parser in 14.0, build 2012052416 doesn't understand this new feature of CSS.
Is it possible to add it?
Cheers,
E.
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
-- Eliot Kimber Senior Solutions Architect, RSI Content Solutions "Bringing Strategy, Content, and Technology Together" Main: 512.554.9368 www.rsicms.com www.rsuitecms.com Book: DITA For Practitioners, from XML Press, http://xmlpress.net/publications/dita/practitioners-1/
OK, the CSS3 with Oxygen Extensions value is selected. I removed some non-standard properties from the CSS, eliminating all of those errors. When I do that, the only validation error remaining is: System ID: /Users/ekimber/workspace/mhe/from_client/css/responsive.css Severity: error Description: Encountered " <IDENT> "and "" at line 47, column 15. Was expecting one of: "{" ... "," ... Start location: 47:15 Length: 3 Which is on this line: @media screen and (min-width:1025px){ My reading of the CSS3 media query spec is that this syntax is correct. So it looks like the CSS3 parser isn't handling the " and " clause for mediate queries unless it's actually another user error on my part. Cheers, E. On 6/8/12 9:36 AM, "Eliot Kimber" <ekimber@rsicms.com> wrote:
Didn't realize that setting was there.
Cheers,
E.
On 6/8/12 9:16 AM, "Oxygen XML Editor Support" <support@oxygenxml.com> wrote:
Hi Eliot,
So you meant validation of the CSS file edited in Oxygen should support the @media query syntax, right?
Just make sure than in the Oxygen Preferences->"CSS Validator" page you set the profile to be "CSS 3" or "CSS 3 with Oxygen extensions". My small samples seemed to validate OK using one of these 2 profiles.
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/8/2012 5:05 PM, Eliot Kimber wrote:
I was actually referring to the parse used when editing the CSS file itself, not the use of the CSS in Author mode.
I was simply looking at a CSS developed for rendering books at different display sizes, which uses the form @media query shown in the example.
Cheers,
E.
On 6/8/12 3:35 AM, "Oxygen XML Editor Support"<support@oxygenxml.com> wrote:
Hi Eliot,
Oxygen only supports for rendering in the Author page parsing simple CSS media types like:
@media screen { * { font-size: 30px; } }
Actually Oxygen applies in the Author page styles specified in 3 media types: "all", "screen" or our custom "oxygen" media type.
You seem to want more complex media queries, like:
@media all and (min-width:500px) { * { font-size: 30px; } }
Indeed the CSS parser used in the Author page does not yet support this.
Could you elaborate on your use case? Maybe give us a small sample?
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/7/2012 4:26 PM, Eliot Kimber wrote:
Please see http://www.w3.org/TR/css3-mediaqueries/
It looks like the CSS parser in 14.0, build 2012052416 doesn't understand this new feature of CSS.
Is it possible to add it?
Cheers,
E.
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
-- Eliot Kimber Senior Solutions Architect, RSI Content Solutions "Bringing Strategy, Content, and Technology Together" Main: 512.554.9368 www.rsicms.com www.rsuitecms.com Book: DITA For Practitioners, from XML Press, http://xmlpress.net/publications/dita/practitioners-1/
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
-- Eliot Kimber Senior Solutions Architect, RSI Content Solutions "Bringing Strategy, Content, and Technology Together" Main: 512.554.9368 www.rsicms.com www.rsuitecms.com Book: DITA For Practitioners, from XML Press, http://xmlpress.net/publications/dita/practitioners-1/
Hi Eliot, Maybe you can email us off-list the CSS if it contains no sensitive data. My small tests with CSS content like:
*{ color:black; } @media screen and (min-width:1025px){ *{ color:blue; } }
seemed to be properly validated by the W3C CSS validator used in Oxygen (with the CSS 3 profile of course). Regards, Radu Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com On 6/8/2012 5:44 PM, Eliot Kimber wrote:
OK, the CSS3 with Oxygen Extensions value is selected.
I removed some non-standard properties from the CSS, eliminating all of those errors. When I do that, the only validation error remaining is:
System ID: /Users/ekimber/workspace/mhe/from_client/css/responsive.css Severity: error Description: Encountered "<IDENT> "and "" at line 47, column 15. Was expecting one of: "{" ... "," ...
Start location: 47:15 Length: 3
Which is on this line:
@media screen and (min-width:1025px){
My reading of the CSS3 media query spec is that this syntax is correct.
So it looks like the CSS3 parser isn't handling the " and " clause for mediate queries unless it's actually another user error on my part.
Cheers,
E.
On 6/8/12 9:36 AM, "Eliot Kimber"<ekimber@rsicms.com> wrote:
Didn't realize that setting was there.
Cheers,
E.
On 6/8/12 9:16 AM, "Oxygen XML Editor Support"<support@oxygenxml.com> wrote:
Hi Eliot,
So you meant validation of the CSS file edited in Oxygen should support the @media query syntax, right?
Just make sure than in the Oxygen Preferences->"CSS Validator" page you set the profile to be "CSS 3" or "CSS 3 with Oxygen extensions". My small samples seemed to validate OK using one of these 2 profiles.
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/8/2012 5:05 PM, Eliot Kimber wrote:
I was actually referring to the parse used when editing the CSS file itself, not the use of the CSS in Author mode.
I was simply looking at a CSS developed for rendering books at different display sizes, which uses the form @media query shown in the example.
Cheers,
E.
On 6/8/12 3:35 AM, "Oxygen XML Editor Support"<support@oxygenxml.com> wrote:
Hi Eliot,
Oxygen only supports for rendering in the Author page parsing simple CSS media types like:
@media screen { * { font-size: 30px; } }
Actually Oxygen applies in the Author page styles specified in 3 media types: "all", "screen" or our custom "oxygen" media type.
You seem to want more complex media queries, like:
@media all and (min-width:500px) { * { font-size: 30px; } }
Indeed the CSS parser used in the Author page does not yet support this.
Could you elaborate on your use case? Maybe give us a small sample?
Regards, Radu
Radu Coravu <oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger http://www.oxygenxml.com
On 6/7/2012 4:26 PM, Eliot Kimber wrote:
Please see http://www.w3.org/TR/css3-mediaqueries/
It looks like the CSS parser in 14.0, build 2012052416 doesn't understand this new feature of CSS.
Is it possible to add it?
Cheers,
E.
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
-- Eliot Kimber Senior Solutions Architect, RSI Content Solutions "Bringing Strategy, Content, and Technology Together" Main: 512.554.9368 www.rsicms.com www.rsuitecms.com Book: DITA For Practitioners, from XML Press, http://xmlpress.net/publications/dita/practitioners-1/
_______________________________________________ oXygen-user mailing list oXygen-user@oxygenxml.com http://www.oxygenxml.com/mailman/listinfo/oxygen-user
participants (2)
-
Eliot Kimber -
Oxygen XML Editor Support