canvas-lms/app/stylesheets/sass-functions
Chris Hart 695c526fd4 Ensure a usable background/hover color in Canvas
Fixes: CNVS-25442

This commit adds a Sass function to ensure that
no matter what the user selects as $ic-brand-primary
in Theme Editor, the $ic-bg-light-primary variable
(which is generated from $ic-brand-primary) will not
look too dark or light.

Bug: http://screencast.com/t/rbvpiGiP
Fixed: http://screencast.com/t/S0B5lCjVzzMi

Test plan:
- This commit affects both legacy and new UI

  New UI:
  - Open Theme Editor. Change the Primary Color to
    #49181a
  - Click Preview Your Changes. In the Preview iframe,
    go to a course and go to Discussions index page.
  - Hover over a Discussion item. The background
    color should be #fbf3f4.

  Legacy UI
  - For legacy, $ic-brand-primary is always #0096db.
  - Go to the Assignments index page, hover over a
    list item and confirm that the background color
    is #f0faff.

Change-Id: Iacdaf5ec59ae1ea983166be71f2da892242755b6
Reviewed-on: https://gerrit.instructure.com/68946
Reviewed-by: Jennifer Stern <jstern@instructure.com>
Product-Review: Colleen Palmer <colleen@instructure.com>
Tested-by: Jenkins
QA-Review: Myller de Araujo <myller@instructure.com>
2015-12-16 15:38:21 +00:00
..
_ensure-contrast.scss Ensure a usable background/hover color in Canvas 2015-12-16 15:38:21 +00:00
_math.scss create ensure-contrast sass func for easier text color picking 2014-07-15 20:16:42 +00:00