javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(colors): update sass inverse color function

Browse Source
This commit is contained in:
Adam Bradley
2016-02-14 14:43:33 -06:00
parent 1e0df9249e
commit 55ef5a874b
1 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
ionic/util/functions.scss
View File

@ -2,29 +2,34 @@
// Color Functions // Color Functions
// -------------------------------------------------- // --------------------------------------------------
@function inverse($color-value) { @function brightness($color-value) {
$lightness: lightness($color-value); @return (red($color-value) * 0.299 + green($color-value) * 0.587 + blue($color-value) * 0.114) / 255 * 100%;
}
@function inverse($color-value, $dark: black, $light: white) {
$brightness: brightness($color-value);
$red: red($color-value); $red: red($color-value);
$green: green($color-value); $green: green($color-value);
@if ($lightness > 65 or $green > 220 or ($red > 240 and $green > 180)) { @if ($brightness > 79) {
@return black; @return $dark;
} }
@return white; @if ($green > 240) {
@return $dark;
}
@if ($red > 220 and $green > 180) {
@return $dark;
}
@return $light;
} }
@function toolbar-button-inverse($color-value) { @function toolbar-button-inverse($color-value) {
$lightness: lightness($color-value); @return inverse($color-value, $dark: $toolbar-md-button-color, $light: white);
$red: red($color-value);
$green: green($color-value);
@if ($lightness > 65 or $green > 220 or ($red > 240 and $green > 180)) {
@return $toolbar-md-button-color;
}
@return white;
} }