@elliemae-digital-experience/ui-kit

Instructions to adding NEW Brand logos

1. goto corpweb-em-ui-kit/resources/assets/sass/_em-brand.scss

   • append code to the file like below:

   @include em_brand(elliemae-aiq, 209px, 50px);
   

2. upload SVG assets to corpweb-em-ui-kit/public/img/brand(note that logo filename must match param passed above)

   • Directories:
     • root (color logo)
     • cool-gray (gray logo)
     • white (white logo)

3. from corpweb-em-ui-kit/resources/views/components/brand.blade.php

   • append code to the file like below:

   [
       'name'=>'elliemae-aiq',
       'width'=>164,
       'height'=>102,
   ],
   

4. from corpweb-em-ui-kit/resources/assets/ in terminal type:

   • npm install (this will insure you got latest package.json version)
   • npm version patch (this will bump your ui-kit version)
   • npm publish (this will push to https://www.npmjs.com/package/@elliemae-digital-experience/ui-kit cloud)

5. from corpweb-em-ui-kit/ run npm run prod (this will compile necessary assets for render)

6. commit and push your files

Note to purge CACHE assets on UIKIT:

1. Goto URL: https://console.aws.amazon.com/cloudfront/home?#distribution-settings:E3I7MGO6395EJ6
2. Goto Invalidation tab
3. Click on Create Invalidation
4. Supply paths below as an example to invalidate:

   /v1/img/brand/*
   /img/brand/*