ecomp-portal-FE/client/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss

   1 .custom-chips {
   2   .md-chip {
   3     position: relative;
   4     padding-right: 35px;
   5     .md-chip-remove-container {
   6       position: absolute;
   7       right: 4px;
   8       top: 4px;
   9       margin-right: 0;
  10       height: 24px;
  11       button.vegetablechip {
  12         position: relative;
  13         height: 24px;
  14         width: 24px;
  15         line-height: 30px;
  16         text-align: center;
  17         background: rgba(black, 0.3);
  18         border-radius: 50%;
  19         border: none;
  20         box-shadow: none;
  21         padding: 0;
  22         margin: 0;
  23         transition: background 0.15s linear;
  24         display: block;
  25         md-icon {
  26           position: absolute;
  27           top: 50%;
  28           left: 50%;
  29           transform: translate3d(-50%, -50%, 0) scale(0.7);
  30           color: white;
  31           fill: white;
  32         }
  33         &:hover, &:focus {
  34           background: rgba(red, 0.8);
  35         }
  36       }
  37     }
  38   }
  39 }