poptong
83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경 - Nginx 리버스 프록시 설정 파일 추가 - 배포 가이드 업데이트
46 lines
1.5 KiB
SCSS
46 lines
1.5 KiB
SCSS
@use "@configured-variables" as variables;
|
|
@use "misc";
|
|
@use "@core/scss/base/mixins";
|
|
|
|
%default-layout-vertical-nav-scrolled-sticky-elevated-nav {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
}
|
|
|
|
%default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled {
|
|
@include mixins.elevation(variables.$vertical-nav-navbar-elevation);
|
|
|
|
// If navbar is contained => Squeeze navbar content on scroll
|
|
@if variables.$layout-vertical-nav-navbar-is-contained {
|
|
padding-inline: 1.2rem;
|
|
}
|
|
}
|
|
|
|
%default-layout-vertical-nav-floating-navbar-overlay {
|
|
isolation: isolate;
|
|
|
|
&::after {
|
|
position: absolute;
|
|
z-index: -1;
|
|
/* stylelint-disable property-no-vendor-prefix */
|
|
-webkit-backdrop-filter: blur(10px);
|
|
backdrop-filter: blur(10px);
|
|
/* stylelint-enable */
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
rgba(var(--v-theme-background), 70%) 44%,
|
|
rgba(var(--v-theme-background), 43%) 73%,
|
|
rgba(var(--v-theme-background), 0%)
|
|
);
|
|
background-repeat: repeat;
|
|
block-size: calc(variables.$layout-vertical-nav-navbar-height + variables.$vertical-nav-floating-navbar-top + 0.5rem);
|
|
content: "";
|
|
inset-block-start: -(variables.$vertical-nav-floating-navbar-top);
|
|
inset-inline: 0 0;
|
|
/* stylelint-disable property-no-vendor-prefix */
|
|
-webkit-mask: linear-gradient(black, black 18%, transparent 100%);
|
|
mask: linear-gradient(black, black 18%, transparent 100%);
|
|
/* stylelint-enable */
|
|
}
|
|
}
|