$yellow:rgb(255,252,221);// yellow color used by LMS
//$yellow: rgb(237, 189, 60); // yellow color used by Studio
$yellow-l1:tint($yellow,20%);
$yellow-l2:tint($yellow,40%);
$yellow-l3:tint($yellow,60%);
$yellow-l4:tint($yellow,80%);
$yellow-l5:tint($yellow,90%);
$yellow-d1:shade($yellow,20%);
$yellow-d2:shade($yellow,40%);
$yellow-d3:shade($yellow,60%);
$yellow-d4:shade($yellow,80%);
$yellow-s1:saturate($yellow,15%);
$yellow-s2:saturate($yellow,30%);
$yellow-s3:saturate($yellow,45%);
$yellow-u1:desaturate($yellow,15%);
$yellow-u2:desaturate($yellow,30%);
$yellow-u3:desaturate($yellow,45%);
$blue:rgb(0,120,176);
$blue-l1:tint($blue,20%);
$blue-l2:tint($blue,40%);
$blue-l3:tint($blue,60%);
$blue-l4:tint($blue,80%);
$blue-l5:tint($blue,90%);
$blue-d1:shade($blue,20%);
$blue-d2:shade($blue,40%);
$blue-d3:shade($blue,60%);
$blue-d4:shade($blue,80%);
$blue-s1:saturate($blue,15%);
$blue-s2:saturate($blue,30%);
$blue-s3:saturate($blue,45%);
$blue-u1:desaturate($blue,15%);
$blue-u2:desaturate($blue,30%);
$blue-u3:desaturate($blue,45%);
$blue-t0:rgba($blue,0.125);
$blue-t1:rgba($blue,0.25);
$blue-t2:rgba($blue,0.50);
$blue-t3:rgba($blue,0.75);
$orange:rgb(237,189,60);
$orange-l1:tint($orange,20%);
$orange-l2:tint($orange,40%);
$orange-l3:tint($orange,60%);
$orange-l4:tint($orange,80%);
$orange-l5:tint($orange,90%);
$orange-d1:shade($orange,20%);
$orange-d2:shade($orange,40%);
$orange-d3:shade($orange,60%);
$orange-d4:shade($orange,80%);
$orange-s1:saturate($orange,15%);
$orange-s2:saturate($orange,30%);
$orange-s3:saturate($orange,45%);
$orange-u1:desaturate($orange,15%);
$orange-u2:desaturate($orange,30%);
$orange-u3:desaturate($orange,45%);
// ====================
// copied from cms/static/sass/_variables.scss
$ui-notification-height:($baseline*10);
// ====================
// ====================
// COLORS: social platforms
// COLORS: social platforms
...
@@ -144,8 +206,7 @@ $linkedin-blue: #0077B5;
...
@@ -144,8 +206,7 @@ $linkedin-blue: #0077B5;
// ====================
// ====================
// TODO: both blue and yellow variables differ from CMS rgb value, need to confirm change to CMS variable is ok in current platform uses before switching.
// TODO: both blue and yellow variables differ from CMS rgb value, need to confirm change to CMS variable is ok in current platform uses before switching.
