[oXygen-user] Oxygen CSS parser appears to not understand @media queries

[Oxygen XML Editor Support]

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 at rsicms.com>  wrote:
>
>> Didn't realize that setting was there.
>>
>> Cheers,
>>
>> E.
>>
>> On 6/8/12 9:16 AM, "Oxygen XML Editor Support"<support at 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 at 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 at oxygenxml.com
>>>>> http://www.oxygenxml.com/mailman/listinfo/oxygen-user
>>>>
>>> _______________________________________________
>>> oXygen-user mailing list
>>> oXygen-user at 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 at oxygenxml.com
>> http://www.oxygenxml.com/mailman/listinfo/oxygen-user
>