hacken-in/hacken-in

View on GitHub
app/assets/stylesheets/pages/single_events.css.scss

Summary

Maintainability
Test Coverage
.single_events_show {
  .single-event{
    margin-top: 0;
    .event-indicator{
      @include grid-row();

      background: #eaeaea;
      padding: 0 0 10px 0;

      h2 {
        @include grid-column(8);
        font-size: $h5-font-size;
        margin: 0;
        padding-top: 10px;
      }

      a {
        @include grid-column(4);
        color: $body-font-color;
        text-align: right;
      }
      .indicator{
        height: 5px;
        @include grid-column(5);
        margin-bottom: 0;
      }
    }
    .event-title{
      h1 {
        float: left;
        font-size:$h2-font-size;
        margin: 0px 20px;
      }
      h4 {
        float: right;
        font-size:$h4-font-size;
        font-weight: 300;
        margin-top: 13px;
        text-align: right;
      }

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

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

      .indicator {
        margin: 5px 0px;
        width: 5px;
        height: 50px;
      }
    }
    .event-content {
      h4 {
        margin-top: 10px;
        font-weight: bold;
      }

      .event-description {
        h1, h2, h3, h4, h5, h6 {
          font-size: 1.2em;
          font-weight: bold;
          margin: 5px 0px;
        }
      }

      .event-text {
        h2 {
          font-size: 1.2em;
          font-weight: bold;
          margin: 5px 0px;
        }
      }

      .event-url-list {
        margin: 15px 0px 20px 20px;
      }

      .event-image-box {
        max-width: 350px;
        .event-image {
          max-width: 100%;
          max-height: 350px;
          margin-bottom: 10px;
        }
      }

      .hashtag {
        text-align: center;
        display: inline-block;
        width: 15px;
      }

      .event-venue {
        .event-venue-map {
          height: 300px;

          #mapCanvas {
            width: 100%;
            height: 100%;
            border: 2px solid #eaeaea;
          }
        }
      }
    }
    .admin_edit_link {
      margin: 10px 0px;
    }
  }
}