gitcoinco/code_fund_ads

View on GitHub
app/javascript/advertisements/centered/theme.scss

Summary

Maintainability
Test Coverage
div#cf[data-template='centered'] {
  &[data-theme='dark'] {
    a {
      box-shadow: none !important;
    }

    div.cf-wrapper {
      max-width: 330px;
      display: block;
      padding: 15px;
      font-size: 14px;
      line-height: 1.4;
      text-align: center;
      font-family: Helvetica, Arial, sans-serif;
      margin-left: auto;
      margin-right: auto;

      div.cf-header {
        font-size: 12px;
        display: block;
        margin-bottom: 8px;
        color: rgba(255, 255, 255, 0.8);

        &:before {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }

        &:after {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }
      }

      a.cf-text {
        color: #fff;
        text-decoration: none;
      }

      a.cf-powered-by {
        margin-top: 5px;
        font-size: 11px;
        display: block;
        color: rgba(255, 255, 255, 0.6);
        text-decoration: none;
        text-align: center;
      }
    }
  }

  &[data-theme='light'] {
    a {
      box-shadow: none !important;
    }

    div.cf-wrapper {
      max-width: 330px;
      display: block;
      padding: 15px;
      font-size: 14px;
      line-height: 1.4;
      text-align: center;
      font-family: Helvetica, Arial, sans-serif;
      margin-left: auto;
      margin-right: auto;

      div.cf-header {
        font-size: 12px;
        color: #678;
        display: block;
        margin-bottom: 8px;

        &:before {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }

        &:after {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }
      }

      a.cf-text {
        color: #333;
        text-decoration: none;
      }

      a.cf-powered-by {
        margin-top: 5px;
        font-size: 11px;
        display: block;
        color: #678;
        text-decoration: none;
        text-align: center;
      }
    }
  }
}