|
|
|
|
@globalTransition: opacity 250ms linear, background-color 250ms linear;
|
|
|
|
|
@globalBgColor: rgba(252, 252, 252, 0.8);
|
|
|
|
|
@globalBgLoadingColor: rgba(252, 252, 252, 1);
|
|
|
|
|
@backdropFilter: saturate(120%) blur(20px);
|
|
|
|
|
|
|
|
|
|
.has-bgimg {
|
|
|
|
|
.bgimg-background-blur {
|
|
|
|
|
background-color: @globalBgColor;
|
|
|
|
|
transition: @globalTransition;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bgimg-background-loading {
|
|
|
|
|
background-color: @globalBgLoadingColor;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bgimg-backdrop-blur {
|
|
|
|
|
backdrop-filter: @backdropFilter;
|
|
|
|
|
-webkit-backdrop-filter: @backdropFilter;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 插件补丁 */
|
|
|
|
|
.breadcrumb {
|
|
|
|
|
background-color: rgba(255,255,255,0.6);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.bgimg-fallback {
|
|
|
|
|
.bgimg-background-blur {
|
|
|
|
|
background: var(--bgimg-blur-image), var(--bgimg-overlay-color, @globalBgColor) !important;
|
|
|
|
|
background-blend-mode: saturation !important;
|
|
|
|
|
background-attachment: fixed !important;
|
|
|
|
|
background-size: var(--bgimg-bg-size) !important;
|
|
|
|
|
background-position: var(--bgimg-bg-pos) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
