dobtco/dispatch

View on GitHub
themes/dvl-core/assets/stylesheets/theme/components/info_box.scss

Summary

Maintainability
Test Coverage
@import 'theme/includes';

.info_box {
  border: 1px solid $gray;
  border-radius: $radius;
  box-shadow: 0 1px 0 rgba($black,0.06);
  margin-bottom: $lineHeight;
  h4 {
    margin: 0;
    font-weight: $weightNormal;
  }
}

.info_box_header {
  display: block;
  background: $lightestGray;
  @include border_top_radius($radius);
  position: relative;
}

// When header is a link...
a.info_box_header {
  text-decoration: none;

  &:hover {
    background: $lighterGray;
  }
}

.info_box_header,
.info_box_body {
  padding: $rhythm ($rhythm * 2);
}

.info_box_body {
  margin-top: $rhythm;
  font-size: $fontSmall;
  input {
    font-size: $fontSmall;
  }
  p:last-child,
  .input_group {
    margin-bottom: $rhythm;
  }
}

.info_box_contact {
  strong, span {
    display: block;
    color: $darkerGray;
    @include font_smoothing;
  }
  span {
    color: $darkerGray;
    margin-bottom: $rhythm / 2;
  }
}