Ionic - bar footer css
<p>I am trying to get rid of border on bar footer in Ionic, but I still have white lines on top and bottom of bar-subfooter and I don't know how to get rid of it:</p>

<p>This is my css:</p>

<pre><code>.introduction {
  i {
    font-size: 3rem;
    color: $white;
    line-height: 190px;
  }

  .icon-circle {
    background-color: $darkgray;
    width:190px;
    height: 190px;
    border-radius: 100%;
    margin: auto;
    margin-top: 85px;
    text-align: center;
  }

  .info {
    margin: 50px 30px 0 30px;
    text-align: center;
  }
}

.bar-footer {
  height: 50px;
  background-color: $dark-background-color;
  border: 0;

  a {
    margin:auto;
    color: $white;
    text-decoration: none;
  }
}

.bar-subfooter {
  border: 0;
  bottom: 50px;
  height: 74px;
  padding-left: 15px;
  padding-right: 15px;
}
</code></pre>

<p>And this is my html:</p>

<pre><code>&lt;ion-content class="introduction"&gt;

    &lt;div class="icon-circle"&gt;
      &lt;i class="ion-thumbsup"&gt;&lt;/i&gt;
    &lt;/div&gt;

  &lt;div class="info"&gt;
    &lt;h3&gt;Som ansatt i Coop har du nå tilgang til interne nyheter via din mobil. &lt;/h3&gt;
  &lt;/div&gt;
&lt;/ion-content&gt;
&lt;ion-footer-bar class="bar bar-subfooter"&gt;
  &lt;input type="submit" class="button button-next button-positive" value="Neste"&gt;
&lt;/ion-footer-bar&gt;
&lt;ion-footer-bar class="bar bar-footer"&gt;
  &lt;a ui-sref="main.front"&gt;Hopp over introduksjon&lt;/a&gt;
&lt;/ion-footer-bar&gt;
</code></pre>

<p>The end result looks like this:</p>

<p><a href="https://i.stack.imgur.com/lqUxm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lqUxm.png" alt="enter image description here"></a></p>