Skip to content
  • Owen Leonard's avatar
    Bug 19474: Convert staff client CSS to SCSS · 5b35c97a
    Owen Leonard authored and Wm. Nick Clemens's avatar Wm. Nick Clemens committed
    
    
    This patch converts staff-global.css to Sass, using SCSS syntax. This
    changes the build process for Koha to include installation and execution
    of yarn to install npm dependencies and run SCSS -> CSS conversion.
    
    To test, apply the patch and run the following:
    
    $ sudo apt-get install nodejs npm [not necessary in kohadevbox]
    $ sudo npm install -g yarn
    $ yarn install
    $ yarn build
    
    Clear your browser cache if necessary and confirm that CSS styling
    throughout the staff client looks correct.
    
    The "yarn build" command triggers a gulp process which compiles SCSS to
    CSS, adds automatic vendor-prefixing, and minifies the resulting CSS
    file.
    
    There is also a "yarn css" command available which might be used by
    developers who are making changes to SCSS. This command does two things
    differently:
    
    1. Adds .css.map files which aid CSS debugging using in-browser
       inspector tools.
    2. Compiles staff-global.css without minification. It can be useful to
       see unminified CSS during development, especially to see how SCSS
       compiles.
    
    This patch adds a configuration file for sass-lint, .sass-lint.yml.
    Currently this configuration is not used during the build process but
    can be used in a code editor which supports linting.
    
    Signed-off-by: default avatarClaire Gravely <claire.gravely@bsz-bw.de>
    
    Signed-off-by: default avatarJosef Moravec <josef.moravec@gmail.com>
    
    Signed-off-by: default avatarKyle M Hall <kyle@bywatersolutions.com>
    
    Signed-off-by: default avatarKatrin Fischer <katrin.fischer.83@web.de>
    
    Signed-off-by: default avatarNick Clemens <nick@bywatersolutions.com>
    5b35c97a
This project manages its dependencies using Yarn. Learn more