@ionic/core
Version:
Base components for Ionic
29 lines (25 loc) • 814 B
CSS
ion-footer {
display: block;
position: relative;
order: 1;
width: 100%;
z-index: 10; }
ion-footer ion-toolbar:last-child {
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: ""; }
:host-context([dir=rtl]) .footer-md::before {
right: 0; }
:host-context([dir=rtl]) .footer-md::before {
background-position: right 0 top 0; }
.footer-md[no-border]::before {
display: none; }