nerdhub/hcking

View on GitHub
app/assets/stylesheets/components/calendar-days.css.scss

Summary

Maintainability
Test Coverage
.calendar-days {

  .day-divider {
    @include grid-row();
    background: #eaeaea;
    padding: 20px 0;

    h2 {
      @include grid-column(10);
      font-size: $h5-font-size;
      line-height: 20px;
      margin: 0;
    }

    a {
      @include grid-column(2);
      color: $body-font-color;
      text-align: right;

      img {
        width: 20px;
      }
    }
  }

  .single-event {
    @include grid-row();

    margin-top: 10px;
    border-bottom: 1px solid #eaeaea;

    .indicator-wrapper {
      margin-left: 20px;
      margin-right: 10px;
      float: left;
    }

    .indicator {
      margin: 5px 0px;
      width: 5px;
      height: 50px;
    }

    .short-description {
      @include grid-column(10);
    }

    h3 {
      margin: 0;
      font-size: 1.2em;
      font-weight: bold;
      color: $body-font-color;
    }

    h4 {
      font-size: 1em;
      font-weight: bold;
      margin: 0;
      color: #898e91;
    }

    p.additional-info {
      font-size: $base-font-size;
      color: #898e91;
      padding-left: 18px;
      background: 0px 5px image-url("marker.png") no-repeat;
    }

  }
}