Fixes: CNVS-26372
This converts our px unit font-sizing in the all the stylesheets in
/pages to use our mixin that converts them to rem units.
Test Plan:
- CSS should compile without errors
- Go to a course's Gradebook
- In Chrome, change the default size of your font from Medium to
Large or Very Large. You will see that the Gradebook table
content now respects the user preferences in terms of font-size:
http://screencast.com/t/zGcU8ajA3H
- However, at Chrome's default font-size (Medium), you should see
your Gradebook's table content appearing exactly as it currently
does on production.
Notes:
- This is a direct conversion from px to rem, so nothing in the
interface visually changes, just the unit type were are using.
- We did start using the global variables set aside for consistent font
sizing where they were matching, ie 12px = $ic-font-size--xsmall, etc.
- Looking at the Gradebook is the easiest example to see these
changes in effect. There are other similar tweaks that happen
globally, but if Gradebook is working and the Canvas CSS is
compiling we're good, since this is a 1 to 1 conversion.
Change-Id: I9ae9bbc447c9ca83d8d8a57bbec98c8a96fd4d03
Reviewed-on: https://gerrit.instructure.com/70134
Tested-by: Jenkins
Reviewed-by: Pam Hiett <phiett@instructure.com>
Product-Review: Pam Hiett <phiett@instructure.com>
QA-Review: Myller de Araujo <myller@instructure.com>
5b671d2691