SumOfUs/Champaign

View on GitHub
app/assets/stylesheets/member-facing/cookie-consent.scss

Summary

Maintainability
Test Coverage
.cc-window {
  background-color: $navy;
  color: white;
}
.cc-message {
  a, a:hover, a:visited {
    color: $teal;
    text-decoration: none;
  }
  @media(max-width: 700px) {
    font-size: 14px;
    line-height: 1em;
  }
}
.cc-compliance {
  background-color: $orange;
  a, a:hover {
    color: white;
    font-weight: normal;
    border: 0;
    text-decoration: none;
  }
}

// Rules for double-opt-in notification

.cc-window.cc-double-opt-in  {
  font-size: 23px;
  line-height: 1.3em;

  .cc-message {
    font-size: 23px;
    line-height: 1.3em;

    @media(max-width: 950px) {
      font-size: 20px;
      line-height: 1em;
    }

    @media(max-width: 415px) {
      margin-top: 1em;
      margin-bottom: 1em;
    }
  }
}