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

Add Sass preprocessor

    XMLWordPrintable

    Details

    • 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

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:

                  PagerDuty

                  Error rendering 'com.pagerduty.jira-server-plugin:PagerDuty'. Please contact your Jira administrators.