@eberlywc/eberlywc-animationctl-button - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

analysis.json

@@ -16,7 +16,7 @@ {
             "start": {
-              "line": 72,
+              "line": 35,
               "column": 2
             },
             "end": {
-              "line": 76,
+              "line": 39,
               "column": 3
@@ -34,7 +34,7 @@ }
             "start": {
-              "line": 87,
+              "line": 50,
               "column": 2
             },
             "end": {
-              "line": 89,
+              "line": 52,
               "column": 3
@@ -52,7 +52,7 @@ }
             "start": {
-              "line": 99,
+              "line": 62,
               "column": 2
             },
             "end": {
-              "line": 101,
+              "line": 64,
               "column": 3
@@ -73,7 +73,7 @@ }
             "start": {
-              "line": 103,
+              "line": 66,
               "column": 2
             },
             "end": {
-              "line": 103,
+              "line": 66,
               "column": 19
@@ -103,3 +103,3 @@ }
         "end": {
-          "line": 111,
+          "line": 74,
           "column": 1
@@ -106,0 +106,0 @@ }

eberlywc-animationctl-button.js

@@ -5,3 +5,3 @@ /**
  */
-import { LitElement, html } from "@polymer/lit-element";
+import { LitElement, html, css } from "lit-element/lit-element.js";
 
@@ -26,3 +26,3 @@ /**
         :host {
-          display: block;
+          display: inline-block;
         }
@@ -33,39 +33,2 @@
         }
-
-        button {
-          background: #0f0f6d;
-          color: #ffffff;
-          cursor: pointer;
-          font-size: 2em;
-          padding: 1.5rem;
-          border: 0;
-          transition: all 0.5s;
-          border-radius: 10px;
-          width: auto;
-          position: relative;
-        }
-
-        button:after {
-          content: "\f054";
-          font-family: "Font Awesome 5 Pro";
-          font-weight: 400;
-          position: absolute;
-          left: 85%;
-          top: 31%;
-          right: 5%;
-          bottom: 0;
-          opacity: 0;
-        }
-
-        button:hover {
-          background: #2b2bff;
-          transition: all 0.5s;
-          border-radius: 10px;
-          box-shadow: 0px 6px 15px #0000ff61;
-          padding: 1.5rem 3.5rem 1.5rem 1.5rem;
-        }
-        button:hover:after {
-          opacity: 1;
-          transition: all 0.5s;
-        }
       `
@@ -72,0 +35,0 @@ ];

package.json

@@ -22,3 +22,3 @@ {
   },
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Buttons that will be controls in javascript animations.",
@@ -46,3 +46,3 @@ "repository": {
   "dependencies": {
-    "@eberlywc/eberlywc-animationctl-button": "^0.0.13",
+    "@eberlywc/eberlywc-animationctl-button": "^0.0.14",
     "@polymer/lit-element": "^0.6.1"
@@ -70,3 +70,3 @@ },
   ],
-  "gitHead": "1a9eddd169842510b8aea0076587d49149bb39aa"
+  "gitHead": "be37e42a7a5310f42777f61590dd7aa35f47e4b5"
 }

src/eberlywc-animationctl-button.js

@@ -5,3 +5,3 @@ /**
  */
-import { LitElement, html } from "@polymer/lit-element";
+import { LitElement, html, css } from "lit-element/lit-element.js";
 
@@ -26,3 +26,3 @@ /**
         :host {
-          display: block;
+          display: inline-block;
         }
@@ -33,39 +33,2 @@
         }
-
-        button {
-          background: #0f0f6d;
-          color: #ffffff;
-          cursor: pointer;
-          font-size: 2em;
-          padding: 1.5rem;
-          border: 0;
-          transition: all 0.5s;
-          border-radius: 10px;
-          width: auto;
-          position: relative;
-        }
-
-        button:after {
-          content: "\f054";
-          font-family: "Font Awesome 5 Pro";
-          font-weight: 400;
-          position: absolute;
-          left: 85%;
-          top: 31%;
-          right: 5%;
-          bottom: 0;
-          opacity: 0;
-        }
-
-        button:hover {
-          background: #2b2bff;
-          transition: all 0.5s;
-          border-radius: 10px;
-          box-shadow: 0px 6px 15px #0000ff61;
-          padding: 1.5rem 3.5rem 1.5rem 1.5rem;
-        }
-        button:hover:after {
-          opacity: 1;
-          transition: all 0.5s;
-        }
       `
@@ -72,0 +35,0 @@ ];

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

34772

decreased by-4.77%

Lines of code

522

decreased by-11.53%

Dependency changes

• Updated@eberlywc/eberlywc-animationctl-button@^0.0.14