Takumon/mean-blog

View on GitHub
src/app/articles/voter-list/voter-list.component.scss

Summary

Maintainability
Test Coverage

.voter-list {
  padding-bottom: 6px;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 12px;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;

  &__count {
    margin-bottom: 12px;
    font-weight: bold;
    color: gray;
  }

  &__content {
    display: flex;
  }

  &__voter {
  }

  &__voter-icon {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-right: 12px;
    box-sizing: border-box;
    box-shadow: #2f2f2f 0 0 1px 0;
    image-rendering: -webkit-optimize-contrast;
    cursor: pointer;
    &:hover {
      opacity: 0.6;
    }  
    &:focus {
      outline: 0;
    }
  }
}