Initial OpenECOMP Portal commit
[portal.git] / ecomp-portal-FE / client / bower_components / angular-material / demos / chips / demoBasicUsage / style.scss
diff --git a/ecomp-portal-FE/client/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss b/ecomp-portal-FE/client/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss
new file mode 100644 (file)
index 0000000..12bd770
--- /dev/null
@@ -0,0 +1,39 @@
+.custom-chips {
+  .md-chip {
+    position: relative;
+    padding-right: 35px;
+    .md-chip-remove-container {
+      position: absolute;
+      right: 4px;
+      top: 4px;
+      margin-right: 0;
+      height: 24px;
+      button.vegetablechip {
+        position: relative;
+        height: 24px;
+        width: 24px;
+        line-height: 30px;
+        text-align: center;
+        background: rgba(black, 0.3);
+        border-radius: 50%;
+        border: none;
+        box-shadow: none;
+        padding: 0;
+        margin: 0;
+        transition: background 0.15s linear;
+        display: block;
+        md-icon {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate3d(-50%, -50%, 0) scale(0.7);
+          color: white;
+          fill: white;
+        }
+        &:hover, &:focus {
+          background: rgba(red, 0.8);
+        }
+      }
+    }
+  }
+}