title: How to apply custom css rule in ionic 3 through scss file
body: <p>I have defined a header in ion-card. In this, I am displaying a logo. Since I had used the inline CSS so the code was working fine ut, still I thought that the styles should be maintained in a different file so I moved the style to .scss file but whats happening is the style isn't being applied to the element.</p>
  
  <p>This is my login.scss code</p>
  
  <pre><code>page-login
          {
              ion-grid
                  {
                      min-height: 100% !important;
                  }
              .login-logo
                  {
                      background-color: transparent;
                      display: block;
                      margin: auto;
                      height: 100px;
                      width: 100px;
                      src: url(assets/logo.png);
                  }
          }
  </code></pre>
  
  <p>This is the HTML code</p>
  
  <pre><code>&lt;ion-content&gt;
          &lt;ion-grid ion-fixed&gt;
              &lt;ion-row&gt;
                &lt;ion-col col-12&gt;
                  &lt;ion-list&gt;
                      &lt;ion-card&gt;
                          &lt;ion-card-header&gt;
                              &lt;ion-img class="login-logo" alt="Text"&gt;&lt;/ion-img&gt;
                          &lt;/ion-card-header&gt;
                      &lt;/ion-card&gt;
                  &lt;/ion-list&gt;
                 &lt;/ion-col&gt;
              &lt;/ion-row&gt;
          &lt;/ion-grid&gt;
      &lt;/ion-content&gt;
  </code></pre>
  
  <p>I don't know why the image is not being displayed.</p>