Changeset 6608

Timestamp:

07/02/2017 05:09:44 PM (7 years ago)

Author:

johnjamesjacoby

Message:

Assets: Update admin CSS/JS to match lint rules, and update packages.

Location:

trunk

Files:

• package-lock.json (modified) (2 diffs)
• package.json (modified) (1 diff)
• src/includes/admin/assets/css/admin.css (modified) (2 diffs)
• src/includes/admin/assets/js/badge.js (modified) (1 diff)

trunk/package-lock.json

@@ -407 +407 @@
       "dev": true
     },
+    "color-convert": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
+      "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
+      "dev": true
+    },
     "color-diff": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/color-diff/-/color-diff-0.1.7.tgz",
       "integrity": "sha1-bbeM2UgqjkWdQIIer0tQMoPcuOI=",
+      "dev": true
+    },
+    "color-name": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.2.tgz",
+      "integrity": "sha1-XIq3K2S9IhXWF66VWeuxSEdc+Y0=",
       "dev": true
     },
@@ -2337 +2349 @@
     },
     "postcss-scss": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-1.0.0.tgz",
-      "integrity": "sha1-SVcBMJeXPf1b2bGtim3BNFal0bo=",
-      "dev": true
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-1.0.2.tgz",
+      "integrity": "sha1-/0XPM1S4ee6JpOtoaA9GrJuxT5Q=",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.1.0.tgz",
+          "integrity": "sha1-CcIC1ckX7CMYjKpcnLkXnNlUd1A=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.0.1.tgz",
+          "integrity": "sha512-Mp+FXEI+FrwY/XYV45b2YD3E8i3HwnEAoFcM0qlZzq/RZ9RwWitt2Y/c7cqRAz70U7hfekqx6qNYthuKFO6K0g==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
+          "integrity": "sha1-6CB68cx7MNRGzHC3NLXovhj4jVE=",
+          "dev": true
+        },
+        "postcss": {
+          "version": "6.0.4",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.4.tgz",
+          "integrity": "sha1-VzrN33P0LsskqmGNQO49WnwEplQ=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.1.0.tgz",
+          "integrity": "sha1-kswUuz2tiSjKVlbDPhmhnyCvXHo=",
+          "dev": true
+        }
+      }
     },
     "postcss-selector-parser": {

trunk/package.json

@@ -26 +26 @@
     "grunt-wp-i18n": "~1.0.0",
     "matchdep": "~1.0.1",
-    "postcss-scss": "~1.0.0",
+    "postcss-scss": "^1.0.2",
     "stylelint": "~7.10.1",
     "stylelint-config-wordpress": "~11.0.0"

trunk/src/includes/admin/assets/css/admin.css

@@ -11 +11 @@
 
 .bbp-badge {
+    -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation: swoop 16s infinite linear;
@@ -43 +44 @@
 }
 
+@-webkit-keyframes buzz {
+
+    0% {
+        right: -2px;
+        top: -1px;
+    }
+
+    25% {
+        right: 1px;
+        top: 2px;
+    }
+
+    50% {
+        right: -3px;
+        top: -1px;
+    }
+
+    75% {
+        right: 2px;
+        top: 1px;
+    }
+
+    0% {
+        right: -2px;
+        top: -1px;
+    }
+}
+
 @keyframes buzz {
-    0%   { right: -2px; top: -1px; }
-    25%  { right:  1px; top:  2px; }
-    50%  { right: -3px; top: -1px; }
-    75%  { right:  2px; top:  1px; }
-    0%   { right: -2px; top: -1px; }
+
+    0% {
+        right: -2px;
+        top: -1px;
+    }
+
+    25% {
+        right: 1px;
+        top: 2px;
+    }
+
+    50% {
+        right: -3px;
+        top: -1px;
+    }
+
+    75% {
+        right: 2px;
+        top: 1px;
+    }
+
+    0% {
+        right: -2px;
+        top: -1px;
+    }
+}
+
+@-webkit-keyframes swoop {
+
+    0% {
+        -webkit-transform: rotate(95deg);
+        transform: rotate(95deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(455deg);
+        transform: rotate(455deg);
+    }
 }
 
 @keyframes swoop {
-  0%   { transform: rotate( 95deg  ); }
-  100% { transform: rotate( 455deg ); }
+
+    0% {
+        -webkit-transform: rotate(95deg);
+        transform: rotate(95deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(455deg);
+        transform: rotate(455deg);
+    }
 }
 

trunk/src/includes/admin/assets/js/badge.js

@@ -30 +30 @@
         y = Math.cos( progress * 2 * Math.PI );
 
-        bee.style.left            = max_x / 2 + ( canvas * x ) + "px";
-        bee.style.bottom          = max_y / 2 + ( canvas * y ) + "px";
+        bee.style.left            = max_x / 2 + ( canvas * x ) + 'px';
+        bee.style.bottom          = max_y / 2 + ( canvas * y ) + 'px';
         bee.style.transform       = 'rotate(' + angle + 'deg)';
         bee.style.webkitTransform = 'rotate(' + angle + 'deg)';