chore(build): adjust build scripts

Author: nivekcode

.travis.yml

@@ -26,11 +26,12 @@ jobs:
     script:
     - npm run test:lib:coverage
     - npm run report-coverage:lib
-    skip_cleanup: true
-  - stage: build & deploy
+  - stage: build & publish showcase
     script:
-    - npm run build:lib
     - npm run build:demo
-    - npm run publish
-    skip_cleanup: true
+    - npm run publish:demo
+  - stage: build & publish lib
+    script:
+    - npm run build:lib
+    - npm run publish:lib
     if: branch = master

package.json

@@ -15,8 +15,8 @@
     "build:lib": "ng build ng-sortgrid",
     "build:demo": "ng build ng-sortgrid-demo --base-href='https://kreuzerk.github.io/ng-sortgrid/'",
     "publish": "npm run publish:lib",
-    "publish:demo": "npx angular-cli-ghpages --dir=./dist/ng-sortgrid-demo",
-    "publish:lib": "cd dist/ng-sortgrid && npx semantic-release",
+    "publish:demo": "npm run angular-cli-ghpages --dir=./dist/ng-sortgrid-demo",
+    "publish:lib": "cd dist/ng-sortgrid && npm run semantic-release",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "semantic-release": "semantic-release"

projects/ng-sortgrid-demo/src/app/examples/card/card.component.css

@@ -1,4 +1,4 @@
-.card {
+:host {
   width: 200px;
   height: 200px;
   border: solid 1px #ccc;

projects/ng-sortgrid-demo/src/app/examples/memory-demo.css

@@ -18,25 +18,3 @@
   width: 100%;
   justify-content: center;
 }
-
-.example-box {
-  width: 200px;
-  height: 200px;
-  border: solid 1px #ccc;
-  font-size: 30pt;
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.87);
-  cursor: move;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  background: #fff;
-  border-radius: 4px;
-  position: relative;
-  z-index: 1;
-  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-  0 2px 2px 0 rgba(0, 0, 0, 0.14),
-  0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}