@ionic/core

Version:
Base components for Ionic
37 lines (33 loc) • 902 B
CSS
ion-footer {
  display: block;
  position: relative;
  order: 1;
  width: 100%;
  z-index: 10;
}

ion-footer ion-toolbar:last-of-type {
  padding-bottom: var(--ion-safe-area-bottom, 0);
}

.footer-md::before {
  left: 0;
  top: -2px;
  bottom: auto;
  background-position: left 0 top 0;
  position: absolute;
  width: 100%;
  height: 2px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==");
  background-repeat: repeat-x;
  content: "";
}
[dir=rtl] .footer-md::before, :host-context([dir=rtl]) .footer-md::before {
  left: unset;
  right: unset;
  right: 0;
}

[dir=rtl] .footer-md::before, :host-context([dir=rtl]) .footer-md::before {
  background-position: right 0 top 0;
}

.footer-md.ion-no-border::before {
  display: none;
}