Carbon - add carbon scss

[himdel]

(Split off from #6963 as it was getting too large.)

This enables carbon css without affecting anything.
This PR should cause no visual differences at all :).

ui-shell css is needed for the new menu (#6963),

not switching to IBM fonts globally because:

• changing patternfly fonts should be easier after [WIP] Move patternfly out of asset pipeline #5679
• carbon loads the font from fonts.gstatic.com, we may need need to use a custom join function to change to local urls

also #5679 - switching reset stylesheets can wait, and body styling and typography can change after that.

Overriding html font-size to 100% to get reasonable styling from carbon use of rem units, patternfly sets body to 12px.

Issue: #6817

cc @skateman

[miq-bot]

Checked commits https://github.com/himdel/manageiq-ui-classic/compare/2ce268e42ba9968bf9b02148ac6e163f89e579df~...0affc237f4a80924a43626dc798b3ae162eb5b4d with ruby 2.5.7, rubocop 0.69.0, haml-lint 0.28.0, and yamllint
0 files checked, 0 offenses detected
Everything looks fine. 🍰

[skateman]

Is this changing anything visually?

[himdel]

No, it shouldn't change anything visually.

[skateman]

I assume you're aware of these new warnings:

WARNING in ./app/stylesheet/application-webpack.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--7-4!./app/stylesheet/application-webpack.scss)
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning

(9155:3) IE supports only grid-row with / and span. You should add grid: false option to Autoprefixer and use some JS grid polyfill for full spec support
 @ ./app/stylesheet/application-webpack.scss 2:26-264
 @ ./app/javascript/packs/application-common.js

WARNING in ./app/stylesheet/application-webpack.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--7-4!./app/stylesheet/application-webpack.scss)
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning

(9178:3) IE supports only grid-row with / and span. You should add grid: false option to Autoprefixer and use some JS grid polyfill for full spec support
 @ ./app/stylesheet/application-webpack.scss 2:26-264
 @ ./app/javascript/packs/application-common.js

WARNING in ./app/stylesheet/application-webpack.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--7-4!./app/stylesheet/application-webpack.scss)
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning

(9199:3) IE supports only grid-row with / and span. You should add grid: false option to Autoprefixer and use some JS grid polyfill for full spec support
 @ ./app/stylesheet/application-webpack.scss 2:26-264
 @ ./app/javascript/packs/application-common.js

WARNING in ./app/stylesheet/application-webpack.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--7-4!./app/stylesheet/application-webpack.scss)
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning

(9220:3) IE supports only grid-row with / and span. You should add grid: false option to Autoprefixer and use some JS grid polyfill for full spec support
 @ ./app/stylesheet/application-webpack.scss 2:26-264
 @ ./app/javascript/packs/application-common.js

[skateman]

[himdel]

I assume you're aware of these new warnings

Thanks, fixed in #7072 :)

[simaishi]

Jansa backport details:

$ git log -1
commit ce437531cfa8003350cb678ed7a05479e3781d11
Author: Halász Dávid <[email protected]>
Date:   Fri May 22 16:09:09 2020 +0200

    Merge pull request #7068 from himdel/carbon-base

    Carbon - add carbon scss

    (cherry picked from commit 9cfcf1ca5f5d21a4403e12275fc84c3b443f74ee)