Re: [Trinidad] Skinning css @import support and EL support?

[Jeanne Waldman]

Hi Andrew,

If @import works, and it doesn't, you could do this:

skin.css
@import url (ieOnly.css);
@import url(geckoOnly.css);
/* all common css goes here */
af|foo::xxx {}

ieOnly.css
@agent ie
{
/* ALL css in here is ie only */
}

geckoOnly.css
@agent gecko
{
/* ALL css in here is gecko only */
}

I reported this issue in Feb.

https://issues.apache.org/jira/browse/TRINIDAD-462
Add import support to skinning's css files

EL doesn't work inside a css file.

- Jeanne


Andrew Robinson wrote:

Question 1) I was hoping to clean up the skin css by having different
css files per browser type as necessary. Example:

skin.css:
  @agent ie {
    @import url(ieOnly.css);
  }
  DIV {
    -tr-rule-ref:selector(".ImportMe:alias");
  }

ieOnly.css:
  .ImportMe:alias {
    background-color: yellow;
  }

The "@import" doesn't seem to be working though. Is there anyway to
accomplish this in a skin to have per-browser CSS included in a main
css?

Question 2) Is EL allowed in the skin? Example:

font-size: #{bean.userFontSize}