From abaefddd6623ff8de4d3b1a485bdcd2d257ed93d Mon Sep 17 00:00:00 2001 From: JiveDig Date: Tue, 30 Jan 2024 11:35:17 -0500 Subject: [PATCH] make sure scroll logo uses new logo-invert setting --- assets/css/header.min.css | 2 +- assets/lang/mai-engine.pot | 2 +- assets/scss/components/header/_title-area.scss | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/assets/css/header.min.css b/assets/css/header.min.css index 48737ab8c..5b3b36a56 100644 --- a/assets/css/header.min.css +++ b/assets/css/header.min.css @@ -1 +1 @@ -.before-header{z-index:14}.site-header{position:var(--site-header-position,relative);top:var(--site-header-top,auto);z-index:12;width:100%;color:var(--site-header-color,var(--color-body));background:var(--site-header-background,var(--color-header));border-bottom:var(--site-header-border-bottom,var(--border));box-shadow:var(--site-header-box-shadow,none);transition:var(--transition)}.site-header-wrap{display:var(--site-header-wrap-display,flex);flex-wrap:var(--site-header-wrap-flex-wrap,nowrap);gap:var(--site-header-wrap-gap,var(--spacing-lg));align-items:var(--site-header-wrap-align-items,center);justify-content:var(--site-header-wrap-justify-content,var(--site-header-wrap-justify-content-mobile,unset));width:var(--site-header-wrap-width,calc(100% - (var(--side-spacing) * 2)));max-width:var(--site-header-wrap-max-width,var(--wrap-max-width));margin-right:auto;margin-left:auto}.header-spacer{display:block;height:var(--header-spacer-height,0);transition:var(--title-area-transition,var(--transition))}.has-transparent-header{--header-height-full-fallback:calc(var(--header-height, 0px) + (var(--title-area-padding-desktop, 0px) - var(--title-area-padding-mobile, 0px)));--transparent-header-offset:calc(var(--header-height-full, var(--header-height-full-fallback)) + var(--after-header-height, 0px) + var(--nav-after-header-height, 0px));--site-inner-margin-top:calc(var(--transparent-header-offset, 0px) * -1)}.has-transparent-header .is-alignfull-first.page-header>.wrap,.has-transparent-header .is-alignfull-first.wp-block-cover>div[class*=__inner-container],.has-transparent-header .is-alignfull-first.wp-block-group>div[class*=__inner-container]{margin-top:var(--transparent-header-offset,0)}.has-dark-header{--site-header-color:var(--color-white);--title-area-color:var(--color-white);--site-header-border-bottom:0}.has-dark-header .site-header-wrap{--menu-item-link-color:var(--color-white);--menu-item-link-color-hover:var(--color-white);--menu-item-name-filter-hover:brightness(0.8)}.has-dark-header .site-header-wrap .sub-menu{--menu-item-name-filter-hover:brightness(1)}.has-transparent-header:not(.header-stuck){--site-header-background:transparent;--site-header-border-bottom:0}.has-dark-header .site-header-wrap,.has-dark-mobile-menu .mobile-menu,.has-dark-transparent-header:not(.header-stuck) .site-header-wrap{color:var(--color-white);--heading-color:var(--color-white);--link-color:currentColor;--link-color-hover:currentColor;--link-text-decoration:underline;--link-filter-hover:brightness(0.8);--entry-title-link-color:var(--color-white);--entry-title-link-color-hover:brightness(0.8);--menu-item-link-color:var(--color-white);--menu-item-link-color-hover:var(--color-white);--menu-item-name-filter-hover:brightness(0.8);--border:1px solid hsla(0,0%,100%,.2)}.has-dark-header .title-area,.has-dark-transparent-header:not(.header-stuck) .title-area{--title-area-color:var(--color-white);--link-color-hover:var(--color-white)}.has-dark-mobile-menu .mobile-menu{--mobile-menu-color:var(--color-white);--sub-menu-link-color:var(--color-white);--sub-menu-link-color-hover:var(--color-white)}.header-stuck,:root{--title-area-padding:var(--title-area-padding-mobile) 0}.title-area{flex:var(--title-area-flex,0 1 auto);order:var(--title-area-order,unset);margin:var(--title-area-margin,0);padding:var(--title-area-padding,var(--spacing-md) 0);color:var(--title-area-color,var(--color-heading));line-height:var(--title-area-line-height,var(--heading-line-height,1.219));text-align:var(--title-area-text-align,start);transition:var(--title-area-transition,var(--transition));--link-color-hover:var(--color-link);--link-text-decoration:none;--link-text-decoration-hover:none}.has-sticky-header:not(.header-stuck){--title-area-transition:all 75ms ease-in-out}.has-sticky-header.header-stuck{--title-area-transition:all 250ms ease-in-out}.site-title{display:var(--site-title-display,block);margin:var(--site-title-margin,auto);font-weight:var(--site-title-font-weight,var(--heading-font-weight));font-size:var(--site-title-font-size,var(--font-size-xl));font-family:var(--site-title-font-family,var(--heading-font-family))}.site-title-link{color:var(--title-area-color,currentColor)}.site-description{display:var(--site-description-display,block);margin:var(--site-description-margin,var(--spacing-xs) 0 0);font-size:var(--site-description-font-size,smaller)}.title-area .custom-logo-link{--link-filter:none;--link-filter-hover:none;--link-transition:var(--title-area-transition,var(--transition));position:relative;display:flex;align-items:center;max-width:var(--custom-logo-width,18rem);margin:auto}.title-area .custom-logo{display:block;width:var(--viewport-width);max-width:100%;opacity:var(--custom-logo-opacity,1);-webkit-filter:var(--custom-logo-filter,none);filter:var(--custom-logo-filter,none)}.custom-scroll-logo,.title-area .custom-logo{transition:var(--title-area-transition,var(--transition))}.custom-scroll-logo{position:absolute;width:100%;height:100%!important;-o-object-fit:contain;object-fit:contain;-o-object-position:var(--custom-scroll-logo-object-position,center);object-position:var(--custom-scroll-logo-object-position,center);opacity:var(--custom-scroll-logo-opacity,0)}.has-scroll-logo.has-logo-left{--custom-scroll-logo-object-position:center left}.has-scroll-logo.has-logo-right{--custom-scroll-logo-object-position:center right}.has-scroll-logo.header-stuck .title-area{--custom-scroll-logo-opacity:1;--custom-logo-opacity:0}.has-logo-invert.has-dark-header:not(.has-transparent-header:not(.header-stuck)),.has-logo-invert.has-dark-transparent-header:not(.header-stuck){--custom-logo-filter:brightness(0) invert(1)}.header-section{display:var(--header-section-display,none);flex:var(--header-section-flex,1);flex-wrap:var(--header-section-flex-wrap,nowrap);align-items:var(--header-section-align-items,center);justify-content:var(--header-section-justify-content,unset);order:var(--header-section-order,9);--heading-margin-top:0;--heading-margin-bottom:0}.header-section p:last-of-type{margin-bottom:0}.header-left{--header-section-order:0;--header-section-justify-content:start}.header-right{--header-section-order:100;--header-section-justify-content:end}.header-section-mobile{position:var(--header-section-mobile-position,relative);display:var(--header-section-mobile-display,flex);flex:1;align-items:center;--search-icon-form-position:static;--search-icon-form-width:var(--viewport-width)}.header-section-mobile .mai-icon{--link-color:var(--menu-toggle-color,var(--menu-item-link-color,var(--color-heading)));--link-color-hover:var(--menu-toggle-color,var(--menu-item-link-color,var(--color-heading)))}.header-section-mobile>*+*{margin-left:var(--spacing-lg)}.header-left-mobile{justify-content:start;--search-icon-form-right:unset;--search-icon-form-left:calc(var(--side-spacing) * -1)}.header-right-mobile{justify-content:end;--search-icon-form-right:calc(var(--side-spacing) * -1);--search-icon-form-left:unset}.header-search{z-index:1;order:var(--header-search-order,unset);--search-toggle-icon-width:1.5em;--search-input-width:100%;--search-input-max-width:100%}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.after-header{z-index:9}@media only screen and (min-width:600px){.has-sticky-header{--site-header-position:sticky;--site-header-top:var(--body-top)}}@media only screen and (min-width:800px){.header-section-mobile{--search-icon-form-width:calc(var(--viewport-width) - (var(--side-spacing) * 2))}.header-left-mobile{--search-icon-form-left:0}.header-right-mobile{--search-icon-form-right:0}}@media only screen and (min-width:1000px){.has-sticky-header.header-stuck{--header-spacer-height:var(--header-shrink-offset);--site-header-box-shadow:0 0 24px rgba(0,0,0,.07)}} \ No newline at end of file +.before-header{z-index:14}.site-header{position:var(--site-header-position,relative);top:var(--site-header-top,auto);z-index:12;width:100%;color:var(--site-header-color,var(--color-body));background:var(--site-header-background,var(--color-header));border-bottom:var(--site-header-border-bottom,var(--border));box-shadow:var(--site-header-box-shadow,none);transition:var(--transition)}.site-header-wrap{display:var(--site-header-wrap-display,flex);flex-wrap:var(--site-header-wrap-flex-wrap,nowrap);gap:var(--site-header-wrap-gap,var(--spacing-lg));align-items:var(--site-header-wrap-align-items,center);justify-content:var(--site-header-wrap-justify-content,var(--site-header-wrap-justify-content-mobile,unset));width:var(--site-header-wrap-width,calc(100% - (var(--side-spacing) * 2)));max-width:var(--site-header-wrap-max-width,var(--wrap-max-width));margin-right:auto;margin-left:auto}.header-spacer{display:block;height:var(--header-spacer-height,0);transition:var(--title-area-transition,var(--transition))}.has-transparent-header{--header-height-full-fallback:calc(var(--header-height, 0px) + (var(--title-area-padding-desktop, 0px) - var(--title-area-padding-mobile, 0px)));--transparent-header-offset:calc(var(--header-height-full, var(--header-height-full-fallback)) + var(--after-header-height, 0px) + var(--nav-after-header-height, 0px));--site-inner-margin-top:calc(var(--transparent-header-offset, 0px) * -1)}.has-transparent-header .is-alignfull-first.page-header>.wrap,.has-transparent-header .is-alignfull-first.wp-block-cover>div[class*=__inner-container],.has-transparent-header .is-alignfull-first.wp-block-group>div[class*=__inner-container]{margin-top:var(--transparent-header-offset,0)}.has-dark-header{--site-header-color:var(--color-white);--title-area-color:var(--color-white);--site-header-border-bottom:0}.has-dark-header .site-header-wrap{--menu-item-link-color:var(--color-white);--menu-item-link-color-hover:var(--color-white);--menu-item-name-filter-hover:brightness(0.8)}.has-dark-header .site-header-wrap .sub-menu{--menu-item-name-filter-hover:brightness(1)}.has-transparent-header:not(.header-stuck){--site-header-background:transparent;--site-header-border-bottom:0}.has-dark-header .site-header-wrap,.has-dark-mobile-menu .mobile-menu,.has-dark-transparent-header:not(.header-stuck) .site-header-wrap{color:var(--color-white);--heading-color:var(--color-white);--link-color:currentColor;--link-color-hover:currentColor;--link-text-decoration:underline;--link-filter-hover:brightness(0.8);--entry-title-link-color:var(--color-white);--entry-title-link-color-hover:brightness(0.8);--menu-item-link-color:var(--color-white);--menu-item-link-color-hover:var(--color-white);--menu-item-name-filter-hover:brightness(0.8);--border:1px solid hsla(0,0%,100%,.2)}.has-dark-header .title-area,.has-dark-transparent-header:not(.header-stuck) .title-area{--title-area-color:var(--color-white);--link-color-hover:var(--color-white)}.has-dark-mobile-menu .mobile-menu{--mobile-menu-color:var(--color-white);--sub-menu-link-color:var(--color-white);--sub-menu-link-color-hover:var(--color-white)}.header-stuck,:root{--title-area-padding:var(--title-area-padding-mobile) 0}.title-area{flex:var(--title-area-flex,0 1 auto);order:var(--title-area-order,unset);margin:var(--title-area-margin,0);padding:var(--title-area-padding,var(--spacing-md) 0);color:var(--title-area-color,var(--color-heading));line-height:var(--title-area-line-height,var(--heading-line-height,1.219));text-align:var(--title-area-text-align,start);transition:var(--title-area-transition,var(--transition));--link-color-hover:var(--color-link);--link-text-decoration:none;--link-text-decoration-hover:none}.has-sticky-header:not(.header-stuck){--title-area-transition:all 75ms ease-in-out}.has-sticky-header.header-stuck{--title-area-transition:all 250ms ease-in-out}.site-title{display:var(--site-title-display,block);margin:var(--site-title-margin,auto);font-weight:var(--site-title-font-weight,var(--heading-font-weight));font-size:var(--site-title-font-size,var(--font-size-xl));font-family:var(--site-title-font-family,var(--heading-font-family))}.site-title-link{color:var(--title-area-color,currentColor)}.site-description{display:var(--site-description-display,block);margin:var(--site-description-margin,var(--spacing-xs) 0 0);font-size:var(--site-description-font-size,smaller)}.title-area .custom-logo-link{--link-filter:none;--link-filter-hover:none;--link-transition:var(--title-area-transition,var(--transition));position:relative;display:flex;align-items:center;max-width:var(--custom-logo-width,18rem);margin:auto}.title-area .custom-logo{display:block;width:var(--viewport-width);max-width:100%;opacity:var(--custom-logo-opacity,1);-webkit-filter:var(--custom-logo-filter,none);filter:var(--custom-logo-filter,none)}.custom-scroll-logo,.title-area .custom-logo{transition:var(--title-area-transition,var(--transition))}.custom-scroll-logo{position:absolute;width:100%;height:100%!important;-o-object-fit:contain;object-fit:contain;-o-object-position:var(--custom-scroll-logo-object-position,center);object-position:var(--custom-scroll-logo-object-position,center);opacity:var(--custom-scroll-logo-opacity,0);-webkit-filter:var(--custom-scroll-logo-filter,var(--custom-logo-filter,none));filter:var(--custom-scroll-logo-filter,var(--custom-logo-filter,none))}.has-scroll-logo.has-logo-left{--custom-scroll-logo-object-position:center left}.has-scroll-logo.has-logo-right{--custom-scroll-logo-object-position:center right}.has-scroll-logo.header-stuck .title-area{--custom-scroll-logo-opacity:1;--custom-logo-opacity:0}.has-logo-invert.has-dark-header:not(.has-transparent-header:not(.header-stuck)),.has-logo-invert.has-dark-transparent-header:not(.header-stuck){--custom-logo-filter:brightness(0) invert(1)}.header-section{display:var(--header-section-display,none);flex:var(--header-section-flex,1);flex-wrap:var(--header-section-flex-wrap,nowrap);align-items:var(--header-section-align-items,center);justify-content:var(--header-section-justify-content,unset);order:var(--header-section-order,9);--heading-margin-top:0;--heading-margin-bottom:0}.header-section p:last-of-type{margin-bottom:0}.header-left{--header-section-order:0;--header-section-justify-content:start}.header-right{--header-section-order:100;--header-section-justify-content:end}.header-section-mobile{position:var(--header-section-mobile-position,relative);display:var(--header-section-mobile-display,flex);flex:1;align-items:center;--search-icon-form-position:static;--search-icon-form-width:var(--viewport-width)}.header-section-mobile .mai-icon{--link-color:var(--menu-toggle-color,var(--menu-item-link-color,var(--color-heading)));--link-color-hover:var(--menu-toggle-color,var(--menu-item-link-color,var(--color-heading)))}.header-section-mobile>*+*{margin-left:var(--spacing-lg)}.header-left-mobile{justify-content:start;--search-icon-form-right:unset;--search-icon-form-left:calc(var(--side-spacing) * -1)}.header-right-mobile{justify-content:end;--search-icon-form-right:calc(var(--side-spacing) * -1);--search-icon-form-left:unset}.header-search{z-index:1;order:var(--header-search-order,unset);--search-toggle-icon-width:1.5em;--search-input-width:100%;--search-input-max-width:100%}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.after-header{z-index:9}@media only screen and (min-width:600px){.has-sticky-header{--site-header-position:sticky;--site-header-top:var(--body-top)}}@media only screen and (min-width:800px){.header-section-mobile{--search-icon-form-width:calc(var(--viewport-width) - (var(--side-spacing) * 2))}.header-left-mobile{--search-icon-form-left:0}.header-right-mobile{--search-icon-form-right:0}}@media only screen and (min-width:1000px){.has-sticky-header.header-stuck{--header-spacer-height:var(--header-shrink-offset);--site-header-box-shadow:0 0 24px rgba(0,0,0,.07)}} \ No newline at end of file diff --git a/assets/lang/mai-engine.pot b/assets/lang/mai-engine.pot index 80669fecd..e8059c180 100644 --- a/assets/lang/mai-engine.pot +++ b/assets/lang/mai-engine.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2024-01-30T16:27:32+00:00\n" +"POT-Creation-Date: 2024-01-30T16:34:39+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.9.0\n" "X-Domain: mai-engine\n" diff --git a/assets/scss/components/header/_title-area.scss b/assets/scss/components/header/_title-area.scss index c82f556f8..22d510789 100644 --- a/assets/scss/components/header/_title-area.scss +++ b/assets/scss/components/header/_title-area.scss @@ -73,6 +73,7 @@ object-position: var(--custom-scroll-logo-object-position, center); opacity: var(--custom-scroll-logo-opacity, 0); transition: var(--title-area-transition, var(--transition)); + filter: var(--custom-scroll-logo-filter, var(--custom-logo-filter, none)); } .has-scroll-logo {