Contents

.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);
        }
      }
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
todo_rails-0.1.7	vendor/assets/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss
todo_rails-0.1.6	vendor/assets/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss
todo_rails-0.1.5	vendor/assets/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss
todo_rails-0.1.4	vendor/assets/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss
todo_rails-0.1.3	vendor/assets/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss
todo_rails-0.1.2	vendor/assets/bower_components/angular-material/demos/chips/demoBasicUsage/style.scss