octicon-mirror(24/)
javascript/ionic-framework
octicon-rss(16/)
1
0
octicon-repo-forked(16/)Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 22:44:13 +08:00
octicon-code(16/) Code octicon-issue-opened(16/) Issues octicon-package(16/) Packages octicon-project(16/) Projects octicon-tag(16/) Releases octicon-book(16/) Wiki octicon-pulse(16/) Activity

chore(): sync with main

Browse Source
This commit is contained in:
octicon-git-branch(16/)
octicon-tag(16/)
Liam DeBeasi
2023-06-20 10:05:00 -04:00
gitea-unlock(16/)
parent a45395cc02 155864035d
commit 6fab2a98b3
octicon-diff(16/tw-mr-1) 518 changed files with 1010 additions and 465 deletions
gitea-whitespace(16/)
gitea-split(16/)
octicon-kebab-horizontal(16/)
Download Patch File Download Diff File Expand all files Collapse all files

24
core/src/components/header/header.md.scss
View File

@@ -4,28 +4,14 @@
// Material Design Header
// --------------------------------------------------
.header-md::after {
// Using a datauri png background image for improved scroll
// performance rather than using a box-shadow. There is a
// noticeable performance difference on older Android devices.
@include position(null, null, -$header-md-box-shadow-height, 0);
@include background-position(start, 0, top, -2px);
position: absolute;
width: 100%;
height: $header-md-box-shadow-height;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
content: "";
.header-md {
box-shadow: $header-md-box-shadow;
}
.header-collapse-condense {
display: none;
}
.header-md.ion-no-border::after {
display: none;
}
.header-md.ion-no-border {
box-shadow: none;
}

5
core/src/components/header/header.md.vars.scss
View File

@@ -3,5 +3,6 @@
// Material Design Header
// --------------------------------------------------
/// @prop - Height of the header box shadow
$header-md-box-shadow-height: 5px !default;
/// @Prop - Box shadow of the header
$header-md-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;