innotec-auth-plugin - npm Package Compare versions

Comparing version 0.0.15 to 0.0.16

build/socialbuttonlogin/socialbuttonlogin.component.js

@@ -12,4 +12,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { I18nService } from '../services/i18n/i18n.service';
-const font = require('../fonts/style.css');
-const css = require('./socialbuttonlogin.component.css');
 let SocialButtonLogin = class SocialButtonLogin {
@@ -54,3 +52,6 @@ constructor(i18n) {
   `,
-        styles: [font, css]
+        styles: [`
+    @font-face{font-family:'icomoon';src:url("./fonts/icomoon.eot?p3gwsh");src:url("./fonts/icomoon.eot?p3gwsh#iefix") format("embedded-opentype"),url("./fonts/icomoon.ttf?p3gwsh") format("truetype"),url("./fonts/icomoon.woff?p3gwsh") format("woff"),url("./fonts/icomoon.svg?p3gwsh#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-WERBASInnotec-icon:before{content:"\\e900"}.icon-amazon:before{content:"\\ea87"}.icon-google:before{content:"\\ea88"}.icon-google-drive:before{content:"\\ea8f"}.icon-facebook:before{content:"\\ea90"}.icon-twitter:before{content:"\\ea96"}.icon-youtube:before{content:"\\ea9d"}.icon-youtube2:before{content:"\\ea9e"}.icon-dropbox:before{content:"\\eaae"}.icon-github:before{content:"\\eab0"}.icon-wordpress:before{content:"\\eab4"}.icon-tux:before{content:"\\eabd"}.icon-appleinc:before{content:"\\eabe"}.icon-android:before{content:"\\eac0"}.icon-windows:before{content:"\\eac1"}.icon-windows8:before{content:"\\eac2"}.icon-skype:before{content:"\\eac5"}.icon-wikipedia:before{content:"\\eac8"}.icon-linkedin2:before{content:"\\eaca"}.icon-xing2:before{content:"\\ead4"}.icon-paypal:before{content:"\\ead8"}
+    .loginBtn{display:flex;flex-direction:row;box-sizing:border-box;position:relative;margin:0.3em;cursor:pointer;width:100%;min-width:300px;padding:0 15px 0 10px;border:none;text-align:left;line-height:34px;white-space:nowrap;border-radius:0.2em;font-size:16px;color:#FFF}.loginBtn .icon{left:0;margin-right:20px;min-width:20px}.loginBtn--facebook{background-color:#4C69BA;background-image:linear-gradient(#4C69BA, #3B55A0);text-shadow:0 -1px 0 #354C8C}.loginBtn--facebook:hover,.loginBtn--facebook:focus{background-color:#5B7BD5;background-image:linear-gradient(#5B7BD5, #4864B1)}.loginBtn--google{background:#ea4335}.loginBtn--google:hover,.loginBtn--google:focus{background:#82231b}.loginBtn--paypal{background:#009cde}.loginBtn--paypal:hover,.loginBtn--paypal:focus{background:#003087}.loginBtn--innotec{border:1px solid #009fd7;color:#009fd7;background-color:#fff}.loginBtn--innotec:hover,.loginBtn--innotec:focus{color:#fff;background:#147193}
+  `]
     }),
@@ -57,0 +58,0 @@ __metadata("design:paramtypes", [I18nService])

build/socialbuttonlogin/socialbuttonlogin.component.ts

 import { Component, Input, ElementRef } from '@angular/core';
 import { I18nService } from '../services/i18n/i18n.service';
 
-const font = require('../fonts/style.css');
-const css = require('./socialbuttonlogin.component.css');
-
 @Component({
@@ -12,3 +9,6 @@ selector: 'social-login-button',
   `,
-  styles: [ font, css ]
+  styles: [`
+    @font-face{font-family:'icomoon';src:url("./fonts/icomoon.eot?p3gwsh");src:url("./fonts/icomoon.eot?p3gwsh#iefix") format("embedded-opentype"),url("./fonts/icomoon.ttf?p3gwsh") format("truetype"),url("./fonts/icomoon.woff?p3gwsh") format("woff"),url("./fonts/icomoon.svg?p3gwsh#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-WERBASInnotec-icon:before{content:"\\e900"}.icon-amazon:before{content:"\\ea87"}.icon-google:before{content:"\\ea88"}.icon-google-drive:before{content:"\\ea8f"}.icon-facebook:before{content:"\\ea90"}.icon-twitter:before{content:"\\ea96"}.icon-youtube:before{content:"\\ea9d"}.icon-youtube2:before{content:"\\ea9e"}.icon-dropbox:before{content:"\\eaae"}.icon-github:before{content:"\\eab0"}.icon-wordpress:before{content:"\\eab4"}.icon-tux:before{content:"\\eabd"}.icon-appleinc:before{content:"\\eabe"}.icon-android:before{content:"\\eac0"}.icon-windows:before{content:"\\eac1"}.icon-windows8:before{content:"\\eac2"}.icon-skype:before{content:"\\eac5"}.icon-wikipedia:before{content:"\\eac8"}.icon-linkedin2:before{content:"\\eaca"}.icon-xing2:before{content:"\\ead4"}.icon-paypal:before{content:"\\ead8"}
+    .loginBtn{display:flex;flex-direction:row;box-sizing:border-box;position:relative;margin:0.3em;cursor:pointer;width:100%;min-width:300px;padding:0 15px 0 10px;border:none;text-align:left;line-height:34px;white-space:nowrap;border-radius:0.2em;font-size:16px;color:#FFF}.loginBtn .icon{left:0;margin-right:20px;min-width:20px}.loginBtn--facebook{background-color:#4C69BA;background-image:linear-gradient(#4C69BA, #3B55A0);text-shadow:0 -1px 0 #354C8C}.loginBtn--facebook:hover,.loginBtn--facebook:focus{background-color:#5B7BD5;background-image:linear-gradient(#5B7BD5, #4864B1)}.loginBtn--google{background:#ea4335}.loginBtn--google:hover,.loginBtn--google:focus{background:#82231b}.loginBtn--paypal{background:#009cde}.loginBtn--paypal:hover,.loginBtn--paypal:focus{background:#003087}.loginBtn--innotec{border:1px solid #009fd7;color:#009fd7;background-color:#fff}.loginBtn--innotec:hover,.loginBtn--innotec:focus{color:#fff;background:#147193}
+  `]
 })
@@ -15,0 +15,0 @@

package.json

 {
   "name": "innotec-auth-plugin",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "license": "MIT",
@@ -5,0 +5,0 @@ "scripts": {

No alert changes

Improved metrics

Total package byte prevSize

290657

1.53%

Lines of code

3008

0.6%

No dependency changes