Uploaded image for project: 'Nuxeo Platform'
  1. Nuxeo Platform
  2. NXP-17683

Add Sass preprocessor

    XMLWordPrintable

    Details

    • Epic Link:
    • Tags:
    • Upgrade notes:
      Hide

      You can now declare Sass css resources (see http://sass-lang.com/) as follow:

          <resource name="sass_app.scss" type="css">
      <path>themes/sass/app.scss</path>
      <processors>
        <processor>sassCss</processor>
      </processors>
    </resource>

      Nuxeo still negotiates theme customization through flavor mechanism and you can declare flavor-related sass resources (such as variables, mixins, etc.) in the flavor description:

          <flavor name="default">
      <label>label.theme.flavor.nuxeo.default</label>
      <logo>
        <path>/img/nuxeo_logo.png</path>
        <previewPath>/img/nuxeo_preview_logo_black.png</previewPath>
        <width>113</width>
        <height>20</height>
        <title>Nuxeo</title>
      </logo>
      <links>
        <icon name="icon">/icons/favicon.png</icon>
        <icon name="shortcut icon">/icons/favicon.ico</icon>
      </links>
      <presetsList>
        <presets category="border" src="themes/palettes/default-borders.properties" />
        <presets category="background"
          src="themes/palettes/default-backgrounds.properties" />
        <presets category="font" src="themes/palettes/default-fonts.properties" />
        <presets category="color" src="themes/palettes/default-colors.properties" />
      </presetsList>
      <palettePreview>
        <colors>
          <color>#17384e</color>
          <color>#00adff</color>
          <color>#00adff</color>
          <color>#00adff</color>
          <color>#fff</color>
          <color>#00adff</color>
          <color>#404040</color>
          <color>#cfecff</color>
          <color>#e6f1ff</color>
        </colors>
      </palettePreview>
      <sass>
        <import src="themes/palettes/default_variables.scss" />
      </sass>
    </flavor>
      Show
      You can now declare Sass css resources (see http://sass-lang.com/ ) as follow: <resource name= "sass_app.scss" type= "css" > <path>themes/sass/app.scss</path> <processors> <processor>sassCss</processor> </processors> </resource> Nuxeo still negotiates theme customization through flavor mechanism and you can declare flavor-related sass resources (such as variables, mixins, etc.) in the flavor description: <flavor name= " default " > <label>label.theme.flavor.nuxeo. default </label> <logo> <path>/img/nuxeo_logo.png</path> <previewPath>/img/nuxeo_preview_logo_black.png</previewPath> <width>113</width> <height>20</height> <title>Nuxeo</title> </logo> <links> <icon name= "icon" >/icons/favicon.png</icon> <icon name= "shortcut icon" >/icons/favicon.ico</icon> </links> <presetsList> <presets category= "border" src= "themes/palettes/ default -borders.properties" /> <presets category= "background" src= "themes/palettes/ default -backgrounds.properties" /> <presets category= "font" src= "themes/palettes/ default -fonts.properties" /> <presets category= "color" src= "themes/palettes/ default -colors.properties" /> </presetsList> <palettePreview> <colors> <color>#17384e</color> <color>#00adff</color> <color>#00adff</color> <color>#00adff</color> <color>#fff</color> <color>#00adff</color> <color>#404040</color> <color>#cfecff</color> <color>#e6f1ff</color> </colors> </palettePreview> <sass> < import src= "themes/palettes/default_variables.scss" /> </sass> </flavor>
    • Sprint:
      nxNag Sprint 7.4.3, nxNag Sprint 7.4.4
    • Story Points:
      5

      Description

      To leverage Nuxeo UI, we need Sass to:

      • use standard variables,
      • use nesting,
      • import resources
      • improve responsiveness for elements
      • be ready with it when we'll add a new framework.

      http://sass-lang.com/

        Attachments

          Issue Links

          depends on

          Task - A task that needs to be done. NXP-17789 Upgrade rhino library to 1.7R5

          • Minor - Minor loss of function, or other problem where easy workaround is present.
          • Resolved

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: