mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
27 lines
795 B
SCSS
27 lines
795 B
SCSS
@import "./header";
|
|
|
|
// Material Design Header
|
|
// --------------------------------------------------
|
|
|
|
.header-md::after {
|
|
// using datauri png background image for improved scroll performance
|
|
// rather than using `box-shadow: 0 2px 5px rgba(0,0,0,0.26);`
|
|
// noticable performance difference on older Android devices
|
|
@include position(null, null, -5px, 0);
|
|
@include background-position(start, 0, top, -2px);
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
height: 5px;
|
|
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==");
|
|
background-repeat: repeat-x;
|
|
|
|
content: "";
|
|
}
|
|
|
|
.header-md[no-border]::after {
|
|
display: none;
|
|
}
|