Sha256: 671242573eb82df4013fccb92330a2bcc0c4174a94382f83518e7ffd584220d4
Contents?: true
Size: 1.57 KB
Versions: 10
Compression:
Stored size: 1.57 KB
Contents
$page-header-height: ($spacer * 3.5); // 11.2rem
$page-header-height-admin: ($spacer * 5); // 16rem
$page-header-height-public: (($spacer * 6.75) + 1); // 21.7rem (adds 1px for width of bottom border)
// Page header specific styles
.page-header {
width: 100%;
background-color: $white;
border-bottom: $border-width solid $border-color;
z-index: $zindex-fixed;
@include media-breakpoint-up(lg) {
position: fixed;
top: 0;
left: 0;
right: 0;
min-height: $page-header-height;
}
// this renders as body.admin .page-header specifying when the view there is an admin logged in or on a donorcreatedproject (includes top admin black bar)
body.admin &, body.public_admin & {
@include media-breakpoint-up(lg) { min-height: $page-header-height-admin; }
}
}
// Moving .page-content container down with padding when page-header exists but ONLY on larger screens
.page-header {
@include media-breakpoint-up(lg) {
+ .page-content { padding-top: $page-header-height; }
// this renders as body.admin .page-header + .page-content specifying when the view there is an admin logged in or on a donorcreatedproject (includes top admin black bar)
body.admin &, body.public_admin & {
+ .page-content { padding-top: $page-header-height-admin; }
}
// this renders as body.nfg_ui_onboarder .page-header + .page-content specifying when the view is in a public onboarding status i.e. fundraiser onboarder in Fundraising Pages
body.nfg_ui_onboarder &, body.create_fundraiser & {
+ .page-content { padding-top: $page-header-height-public; }
}
}
}
Version data entries
10 entries across 10 versions & 1 rubygems