JordanHatch/maslow-redux

View on GitHub
app/assets/stylesheets/needs/views/performance.scss

Summary

Maintainability
Test Coverage
.need-performance {
  h3.graph-title {
    font-weight: bold;
    margin: 0 0 20px;
  }

  .graph {
    margin: 0px -25px 20px;
    padding: 25px;

    background: #fff;
    border-bottom: 4px solid #eee;
  }

  .graph-settings {
    padding: 15px 25px;
    margin: 0 -25px 0;
    background: #eee;

    ul {
      display: inline-block;
      padding: 0;
      margin: 0;
    }
    li {
      display: inline-block;
      list-style: none;
    }
    select {
      @extend .form-control;
      @extend .input-sm;
    }
    button {
      @include button-primary;
      @extend .btn-sm;

      display: inline-block;
    }
  }

  .no-performance-message {
    background: $primary-color;
    color: #fff;
    padding: 20px;
    font-size: 16px;
    text-align: center;

    p {
      margin: 15px 0;
    }

    em {
      font-style: normal;
      font-weight: bold;
      color: $inverse-text-color;
    }

    .btn {
      margin-top: 7px;

      .icon {
        @extend .glyphicon;
        @extend .glyphicon-plus;
      }
    }
  }
}