corysanin/tubestation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug 1210796 - Part 2: Visualize each properties. r=pbro

Browse Source 
MozReview-Commit-ID: Hjb1QyOMNZR
This commit is contained in:
Daisuke Akatsuka
2017-04-18 12:15:54 +09:00
parent 4e8abff7f9
commit a723d357d8
15 changed files with 856 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
devtools/shared/css/color.js
View File

@@ -141,7 +141,7 @@ CssColor.prototype = {
if (!this.valid) {
return false;
}
return this._getRGBATuple().a !== 1;
return this.getRGBATuple().a !== 1;
},
get valid() {
@@ -153,7 +153,7 @@ CssColor.prototype = {
*/
get transparent() {
try {
let tuple = this._getRGBATuple();
let tuple = this.getRGBATuple();
return !(tuple.r || tuple.g || tuple.b || tuple.a);
} catch (e) {
return false;
@@ -171,7 +171,7 @@ CssColor.prototype = {
}
try {
let tuple = this._getRGBATuple();
let tuple = this.getRGBATuple();
if (tuple.a !== 1) {
return this.hex;
@@ -227,7 +227,7 @@ CssColor.prototype = {
return this.longAlphaHex;
}
let tuple = this._getRGBATuple();
let tuple = this.getRGBATuple();
return "#" + ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) +
(tuple.b << 0)).toString(16).substr(-6);
},
@@ -238,7 +238,7 @@ CssColor.prototype = {
return invalidOrSpecialValue;
}
let tuple = this._getRGBATuple();
let tuple = this.getRGBATuple();
return "#" + ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) +
(tuple.b << 0)).toString(16).substr(-6) +
Math.round(tuple.a * 255).toString(16).padEnd(2, "0");
@@ -254,7 +254,7 @@ CssColor.prototype = {
// The color is valid and begins with rgb(.
return this.authored;
}
let tuple = this._getRGBATuple();
let tuple = this.getRGBATuple();
return "rgb(" + tuple.r + ", " + tuple.g + ", " + tuple.b + ")";
}
return this.rgba;
@@ -269,7 +269,7 @@ CssColor.prototype = {
// The color is valid and begins with rgba(.
return this.authored;
}
let components = this._getRGBATuple();
let components = this.getRGBATuple();
return "rgba(" + components.r + ", " +
components.g + ", " +
components.b + ", " +
@@ -301,7 +301,7 @@ CssColor.prototype = {
return this.authored;
}
if (this.hasAlpha) {
let a = this._getRGBATuple().a;
let a = this.getRGBATuple().a;
return this._hsl(a);
}
return this._hsl(1);
@@ -401,7 +401,7 @@ CssColor.prototype = {
* Returns a RGBA 4-Tuple representation of a color or transparent as
* appropriate.
*/
_getRGBATuple: function () {
getRGBATuple: function () {
let tuple = colorToRGBA(this.authored, this.cssColor4);
tuple.a = parseFloat(tuple.a.toFixed(1));
@@ -432,7 +432,7 @@ CssColor.prototype = {
return this.authored;
}
let {r, g, b} = this._getRGBATuple();
let {r, g, b} = this.getRGBATuple();
let [h, s, l] = rgbToHsl([r, g, b]);
if (maybeAlpha !== undefined) {
return "hsla(" + h + ", " + s + "%, " + l + "%, " + maybeAlpha + ")";
@@ -534,7 +534,7 @@ function setAlpha(colorValue, alpha, useCssColor4ColorFunction = false) {
alpha = 1;
}
let { r, g, b } = color._getRGBATuple();
let { r, g, b } = color.getRGBATuple();
return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
}