vuetiwatch 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +73 -3
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/plugin.d.ts.map +1 -1
- package/dist/plugin.js +19 -3
- package/dist/plugin.js.map +1 -1
- package/dist/styles/aurora.css +1 -1
- package/dist/styles/aurora.min.css +1 -1
- package/dist/styles/brutalist.css +1 -1
- package/dist/styles/brutalist.min.css +1 -1
- package/dist/styles/calm.css +1 -1
- package/dist/styles/calm.min.css +1 -1
- package/dist/styles/candy.css +1 -4
- package/dist/styles/candy.min.css +1 -1
- package/dist/styles/clay.css +1 -1
- package/dist/styles/clay.min.css +1 -1
- package/dist/styles/core.css +44 -2
- package/dist/styles/core.min.css +1 -1
- package/dist/styles/darkGlass.css +1 -1
- package/dist/styles/darkGlass.min.css +1 -1
- package/dist/styles/liquidGlass.css +10 -1
- package/dist/styles/liquidGlass.min.css +1 -1
- package/dist/styles/lux.css +1 -1
- package/dist/styles/lux.min.css +1 -1
- package/dist/styles/neon.css +1 -1
- package/dist/styles/neon.min.css +1 -1
- package/dist/styles/slate.css +1 -1
- package/dist/styles/slate.min.css +1 -1
- package/dist/styles/soft.css +3 -2
- package/dist/styles/soft.min.css +1 -1
- package/dist/styles.css +66 -17
- package/dist/styles.min.css +1 -1
- package/dist/themes/atlas.d.ts +35 -0
- package/dist/themes/atlas.d.ts.map +1 -1
- package/dist/themes/atlas.js +75 -1
- package/dist/themes/atlas.js.map +1 -1
- package/dist/themes/atlasDark.d.ts.map +1 -1
- package/dist/themes/atlasDark.js +5 -0
- package/dist/themes/atlasDark.js.map +1 -1
- package/dist/themes/atlasSepia.d.ts.map +1 -1
- package/dist/themes/atlasSepia.js +5 -0
- package/dist/themes/atlasSepia.js.map +1 -1
- package/dist/themes/aurora.d.ts.map +1 -1
- package/dist/themes/aurora.js +20 -1
- package/dist/themes/aurora.js.map +1 -1
- package/dist/themes/brutalist.d.ts.map +1 -1
- package/dist/themes/brutalist.js +63 -5
- package/dist/themes/brutalist.js.map +1 -1
- package/dist/themes/calm.d.ts.map +1 -1
- package/dist/themes/calm.js +22 -1
- package/dist/themes/calm.js.map +1 -1
- package/dist/themes/candy.d.ts.map +1 -1
- package/dist/themes/candy.js +23 -1
- package/dist/themes/candy.js.map +1 -1
- package/dist/themes/clay.d.ts.map +1 -1
- package/dist/themes/clay.js +14 -1
- package/dist/themes/clay.js.map +1 -1
- package/dist/themes/darkGlass.d.ts.map +1 -1
- package/dist/themes/darkGlass.js +13 -1
- package/dist/themes/darkGlass.js.map +1 -1
- package/dist/themes/graphite.d.ts.map +1 -1
- package/dist/themes/graphite.js +42 -7
- package/dist/themes/graphite.js.map +1 -1
- package/dist/themes/liquidGlass.d.ts.map +1 -1
- package/dist/themes/liquidGlass.js +41 -5
- package/dist/themes/liquidGlass.js.map +1 -1
- package/dist/themes/lux.d.ts.map +1 -1
- package/dist/themes/lux.js +48 -6
- package/dist/themes/lux.js.map +1 -1
- package/dist/themes/morph.d.ts.map +1 -1
- package/dist/themes/morph.js +21 -1
- package/dist/themes/morph.js.map +1 -1
- package/dist/themes/neon.d.ts.map +1 -1
- package/dist/themes/neon.js +35 -1
- package/dist/themes/neon.js.map +1 -1
- package/dist/themes/paper.d.ts.map +1 -1
- package/dist/themes/paper.js +38 -1
- package/dist/themes/paper.js.map +1 -1
- package/dist/themes/sketchy.d.ts.map +1 -1
- package/dist/themes/sketchy.js +27 -1
- package/dist/themes/sketchy.js.map +1 -1
- package/dist/themes/slate.d.ts.map +1 -1
- package/dist/themes/slate.js +42 -6
- package/dist/themes/slate.js.map +1 -1
- package/dist/themes/soft.d.ts.map +1 -1
- package/dist/themes/soft.js +48 -8
- package/dist/themes/soft.js.map +1 -1
- package/dist/util/defaults.d.ts +35 -0
- package/dist/util/defaults.d.ts.map +1 -1
- package/dist/util/defaults.js +51 -0
- package/dist/util/defaults.js.map +1 -1
- package/package.json +2 -1
- package/src/index.ts +2 -2
- package/src/plugin.ts +20 -3
- package/src/styles/core.css +152 -3
- package/src/styles/themes/aurora.css +1 -0
- package/src/styles/themes/brutalist.css +1 -0
- package/src/styles/themes/calm.css +1 -0
- package/src/styles/themes/candy.css +9 -4
- package/src/styles/themes/clay.css +1 -0
- package/src/styles/themes/darkGlass.css +1 -0
- package/src/styles/themes/liquidGlass.css +41 -0
- package/src/styles/themes/lux.css +1 -0
- package/src/styles/themes/neon.css +1 -0
- package/src/styles/themes/slate.css +1 -0
- package/src/styles/themes/soft.css +10 -0
- package/src/themes/atlas.ts +76 -1
- package/src/themes/atlasDark.ts +5 -0
- package/src/themes/atlasSepia.ts +5 -0
- package/src/themes/aurora.ts +21 -1
- package/src/themes/brutalist.ts +65 -5
- package/src/themes/calm.ts +23 -1
- package/src/themes/candy.ts +24 -1
- package/src/themes/clay.ts +15 -1
- package/src/themes/darkGlass.ts +14 -1
- package/src/themes/graphite.ts +44 -7
- package/src/themes/liquidGlass.ts +42 -5
- package/src/themes/lux.ts +50 -6
- package/src/themes/morph.ts +22 -1
- package/src/themes/neon.ts +37 -1
- package/src/themes/paper.ts +40 -1
- package/src/themes/sketchy.ts +29 -1
- package/src/themes/slate.ts +43 -6
- package/src/themes/soft.ts +49 -8
- package/src/util/defaults.ts +84 -0
|
@@ -12,13 +12,22 @@
|
|
|
12
12
|
0 10px 34px rgba(var(--v-shadow-color), .1);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
15
|
+
.v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
16
16
|
backdrop-filter: blur(30px) saturate(190%);
|
|
17
17
|
box-shadow: inset 0 1px 0 #ffffffe6,
|
|
18
18
|
inset 0 0 0 1px #ffffff59,
|
|
19
19
|
0 18px 52px rgba(var(--v-shadow-color), .18);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
.v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"] {
|
|
23
|
+
transform: scale(.92);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"] {
|
|
27
|
+
transition-property: transform, opacity;
|
|
28
|
+
transition-duration: var(--v-vw-overlay-duration, .32s), var(--v-vw-scrim-duration, .12s);
|
|
29
|
+
}
|
|
30
|
+
|
|
22
31
|
.v-theme--liquidGlass .v-field.v-field--variant-solo-filled {
|
|
23
32
|
backdrop-filter: blur(20px) saturate(170%);
|
|
24
33
|
box-shadow: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--liquidGlass.v-application{background-image:radial-gradient(65rem 45rem at 8% -8%,#007aff4d,#0000 62%),radial-gradient(55rem 42rem at 92% 12%,#5856d63d,#0000 62%),linear-gradient(165deg,#007aff00 45%,#007aff1f 100%);background-attachment:fixed}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgba(var(--v-theme-surface), .6);backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, inset 0 -1px 0 rgba(var(--v-shadow-color), .08), 0 10px 34px rgba(var(--v-shadow-color), .1)}.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content{backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, 0 18px 52px rgba(var(--v-shadow-color), .18)}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled{backdrop-filter:blur(20px)saturate(170%);box-shadow:none;background-color:#7676801f}.v-theme--liquidGlass .v-field--variant-solo-filled .v-field__overlay{opacity:0}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled:hover,.v-theme--liquidGlass .v-field.v-field--variant-solo-filled.v-field--focused{background-color:#78788029}.v-theme--liquidGlass .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:inset 0 1px 0 #fff6, 0 4px 14px rgba(var(--v-shadow-color), .22)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle{background-color:#7676801f;padding:2px}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn{border-radius:calc(var(--v-vw-radius) - 2px);background-color:#0000}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active{background-color:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-on-surface));box-shadow:0 2px 6px rgba(var(--v-shadow-color), .16)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active>.v-btn__overlay{opacity:0}.v-theme--liquidGlass .v-slider-thumb__surface{box-shadow:inset 0 1px 0 #ffffffd9, 0 2px 8px rgba(var(--v-shadow-color), .28)}.v-theme--liquidGlass [class*=-title-]{letter-spacing:-.01em}.v-theme--liquidGlass :is(.v-divider,.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), .14)}.v-theme--liquidGlass .v-divider{opacity:1}.v-theme--liquidGlass :is(.v-table,.v-table__wrapper,.v-table>.v-table__wrapper>table){background:0 0}.v-theme--liquidGlass :is(.v-table thead th,.v-data-table__th){letter-spacing:0;color:rgba(var(--v-theme-on-surface), .5);border-bottom:1px solid rgba(var(--v-border-color), .14);background:0 0;font-size:.8125rem;font-weight:500}@media (prefers-reduced-transparency:reduce){.v-theme--liquidGlass.v-application{background-image:none}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgb(var(--v-theme-surface));backdrop-filter:none}}
|
|
1
|
+
.v-theme--liquidGlass.v-application{background-image:radial-gradient(65rem 45rem at 8% -8%,#007aff4d,#0000 62%),radial-gradient(55rem 42rem at 92% 12%,#5856d63d,#0000 62%),linear-gradient(165deg,#007aff00 45%,#007aff1f 100%);background-attachment:fixed}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgba(var(--v-theme-surface), .6);backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, inset 0 -1px 0 rgba(var(--v-shadow-color), .08), 0 10px 34px rgba(var(--v-shadow-color), .1)}.v-theme--liquidGlass:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content{backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, 0 18px 52px rgba(var(--v-shadow-color), .18)}.v-theme--liquidGlass:is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-from],.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-from]{transform:scale(.92)}.v-theme--liquidGlass:is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-active],.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-active]{transition-property:transform,opacity;transition-duration:var(--v-vw-overlay-duration,.32s), var(--v-vw-scrim-duration,.12s)}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled{backdrop-filter:blur(20px)saturate(170%);box-shadow:none;background-color:#7676801f}.v-theme--liquidGlass .v-field--variant-solo-filled .v-field__overlay{opacity:0}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled:hover,.v-theme--liquidGlass .v-field.v-field--variant-solo-filled.v-field--focused{background-color:#78788029}.v-theme--liquidGlass .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:inset 0 1px 0 #fff6, 0 4px 14px rgba(var(--v-shadow-color), .22)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle{background-color:#7676801f;padding:2px}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn{border-radius:calc(var(--v-vw-radius) - 2px);background-color:#0000}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active{background-color:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-on-surface));box-shadow:0 2px 6px rgba(var(--v-shadow-color), .16)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active>.v-btn__overlay{opacity:0}.v-theme--liquidGlass .v-slider-thumb__surface{box-shadow:inset 0 1px 0 #ffffffd9, 0 2px 8px rgba(var(--v-shadow-color), .28)}.v-theme--liquidGlass [class*=-title-]{letter-spacing:-.01em}.v-theme--liquidGlass :is(.v-divider,.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), .14)}.v-theme--liquidGlass .v-divider{opacity:1}.v-theme--liquidGlass :is(.v-table,.v-table__wrapper,.v-table>.v-table__wrapper>table){background:0 0}.v-theme--liquidGlass :is(.v-table thead th,.v-data-table__th){letter-spacing:0;color:rgba(var(--v-theme-on-surface), .5);border-bottom:1px solid rgba(var(--v-border-color), .14);background:0 0;font-size:.8125rem;font-weight:500}@media (prefers-reduced-transparency:reduce){.v-theme--liquidGlass.v-application{background-image:none}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgb(var(--v-theme-surface));backdrop-filter:none}}
|
package/dist/styles/lux.css
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
font-weight: 400;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
18
|
+
.v-theme--lux:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
19
19
|
border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);
|
|
20
20
|
box-shadow: 0 24px 64px #00000014;
|
|
21
21
|
}
|
package/dist/styles/lux.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--lux :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--lux :is(.v-toolbar-title,.v-card-title,.v-list-subheader){letter-spacing:.16em;text-transform:uppercase;font-weight:400}.v-theme--lux :is(.v-table thead th,.v-data-table__th){letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:400}.v-theme--lux :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);box-shadow:0 24px 64px #00000014}
|
|
1
|
+
.v-theme--lux :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--lux :is(.v-toolbar-title,.v-card-title,.v-list-subheader){letter-spacing:.16em;text-transform:uppercase;font-weight:400}.v-theme--lux :is(.v-table thead th,.v-data-table__th){letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:400}.v-theme--lux:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--lux :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);box-shadow:0 24px 64px #00000014}
|
package/dist/styles/neon.css
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
box-shadow: 0 0 22px rgba(var(--v-theme-primary), .45);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
18
|
+
.v-theme--neon:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
19
19
|
box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .35),
|
|
20
20
|
0 12px 48px #000000bf;
|
|
21
21
|
}
|
package/dist/styles/neon.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--neon :is(.v-card,.v-sheet,.v-list,.v-table,.v-expansion-panels){box-shadow:none}.v-theme--neon .v-card.v-card--variant-outlined{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon .v-btn.v-btn--variant-outlined:not(.v-btn--disabled):hover{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .6), 0 0 18px rgba(var(--v-theme-primary), .35)}.v-theme--neon .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 0 22px rgba(var(--v-theme-primary), .45)}.v-theme--neon :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .35), 0 12px 48px #000000bf}.v-theme--neon .v-app-bar{box-shadow:inset 0 -1px 0 rgba(var(--v-theme-primary), .3)}.v-theme--neon .v-slider-thumb__surface{box-shadow:0 0 12px rgba(var(--v-theme-primary), .6)}.v-theme--neon .v-tab__slider{box-shadow:0 0 14px rgba(var(--v-theme-primary), .9)}.v-theme--neon .v-selection-control--dirty .v-switch__track{box-shadow:0 0 14px rgba(var(--v-theme-primary), .55)}.v-theme--neon .v-expansion-panels{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon :is(.v-timeline-divider__before,.v-timeline-divider__after){box-shadow:0 0 8px rgb(var(--v-theme-secondary))}.v-theme--neon .v-timeline-divider__dot{box-shadow:0 0 12px rgba(var(--v-theme-primary), .9)}
|
|
1
|
+
.v-theme--neon :is(.v-card,.v-sheet,.v-list,.v-table,.v-expansion-panels){box-shadow:none}.v-theme--neon .v-card.v-card--variant-outlined{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon .v-btn.v-btn--variant-outlined:not(.v-btn--disabled):hover{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .6), 0 0 18px rgba(var(--v-theme-primary), .35)}.v-theme--neon .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 0 22px rgba(var(--v-theme-primary), .45)}.v-theme--neon:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--neon :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .35), 0 12px 48px #000000bf}.v-theme--neon .v-app-bar{box-shadow:inset 0 -1px 0 rgba(var(--v-theme-primary), .3)}.v-theme--neon .v-slider-thumb__surface{box-shadow:0 0 12px rgba(var(--v-theme-primary), .6)}.v-theme--neon .v-tab__slider{box-shadow:0 0 14px rgba(var(--v-theme-primary), .9)}.v-theme--neon .v-selection-control--dirty .v-switch__track{box-shadow:0 0 14px rgba(var(--v-theme-primary), .55)}.v-theme--neon .v-expansion-panels{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon :is(.v-timeline-divider__before,.v-timeline-divider__after){box-shadow:0 0 8px rgb(var(--v-theme-secondary))}.v-theme--neon .v-timeline-divider__dot{box-shadow:0 0 12px rgba(var(--v-theme-primary), .9)}
|
package/dist/styles/slate.css
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
font-weight: 600;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
10
|
+
.v-theme--slate:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
11
11
|
box-shadow: 0 8px 24px rgba(var(--v-shadow-color), .16);
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--slate .v-card.v-card--variant-outlined{box-shadow:0 1px 2px rgba(var(--v-shadow-color), .05)}.v-theme--slate :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));font-weight:600}.v-theme--slate :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 8px 24px rgba(var(--v-shadow-color), .16)}.v-theme--slate .v-app-bar{box-shadow:none}
|
|
1
|
+
.v-theme--slate .v-card.v-card--variant-outlined{box-shadow:0 1px 2px rgba(var(--v-shadow-color), .05)}.v-theme--slate :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));font-weight:600}.v-theme--slate:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--slate :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 8px 24px rgba(var(--v-shadow-color), .16)}.v-theme--slate .v-app-bar{box-shadow:none}
|
package/dist/styles/soft.css
CHANGED
|
@@ -13,12 +13,13 @@
|
|
|
13
13
|
box-shadow: 0 2px 8px rgba(var(--v-theme-primary), .24);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
16
|
+
.v-theme--soft:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
17
17
|
box-shadow: 0 16px 48px rgba(var(--v-theme-primary), .18);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.v-theme--soft .v-field.v-field--variant-solo-filled {
|
|
21
|
-
box-shadow: 0 1px
|
|
21
|
+
box-shadow: inset 0 0 0 1px rgba(var(--v-theme-primary), .3),
|
|
22
|
+
0 1px 2px rgba(var(--v-theme-primary), .08),
|
|
22
23
|
0 4px 12px rgba(var(--v-theme-primary), .06);
|
|
23
24
|
}
|
|
24
25
|
|
package/dist/styles/soft.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--soft .v-card.v-card--variant-elevated{box-shadow:0 2px 4px rgba(var(--v-theme-primary), .06), 0 12px 28px rgba(var(--v-theme-primary), .1);transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover{box-shadow:0 4px 8px rgba(var(--v-theme-primary), .08), 0 20px 40px rgba(var(--v-theme-primary), .14)}.v-theme--soft .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 2px 8px rgba(var(--v-theme-primary), .24)}.v-theme--soft :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 16px 48px rgba(var(--v-theme-primary), .18)}.v-theme--soft .v-field.v-field--variant-solo-filled{box-shadow:0 1px 2px rgba(var(--v-theme-primary), .08), 0 4px 12px rgba(var(--v-theme-primary), .06)}.v-theme--soft .v-slider-thumb__surface{box-shadow:0 2px 8px rgba(var(--v-theme-primary), .35)}.v-theme--soft .v-switch__thumb{box-shadow:0 2px 6px rgba(var(--v-theme-primary), .3)}.v-theme--soft .v-tabs--inset .v-tab__slider{box-shadow:0 2px 10px rgba(var(--v-theme-primary), .2)}
|
|
1
|
+
.v-theme--soft .v-card.v-card--variant-elevated{box-shadow:0 2px 4px rgba(var(--v-theme-primary), .06), 0 12px 28px rgba(var(--v-theme-primary), .1);transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover{box-shadow:0 4px 8px rgba(var(--v-theme-primary), .08), 0 20px 40px rgba(var(--v-theme-primary), .14)}.v-theme--soft .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 2px 8px rgba(var(--v-theme-primary), .24)}.v-theme--soft:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--soft :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 16px 48px rgba(var(--v-theme-primary), .18)}.v-theme--soft .v-field.v-field--variant-solo-filled{box-shadow:inset 0 0 0 1px rgba(var(--v-theme-primary), .3), 0 1px 2px rgba(var(--v-theme-primary), .08), 0 4px 12px rgba(var(--v-theme-primary), .06)}.v-theme--soft .v-slider-thumb__surface{box-shadow:0 2px 8px rgba(var(--v-theme-primary), .35)}.v-theme--soft .v-switch__thumb{box-shadow:0 2px 6px rgba(var(--v-theme-primary), .3)}.v-theme--soft .v-tabs--inset .v-tab__slider{box-shadow:0 2px 10px rgba(var(--v-theme-primary), .2)}
|
package/dist/styles.css
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-alert:not([class*="rounded-"]), .v-field:not([class*="rounded-"]), .v-list-item:not([class*="rounded-"]), .v-snackbar__wrapper, .v-
|
|
97
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-alert:not([class*="rounded-"]), .v-field:not([class*="rounded-"]), .v-list-item:not([class*="rounded-"]), .v-snackbar__wrapper, .v-overlay__content > :is(.v-list, .v-sheet)) {
|
|
98
98
|
border-radius: var(--v-vw-radius, 4px);
|
|
99
99
|
}
|
|
100
100
|
|
|
@@ -127,6 +127,10 @@
|
|
|
127
127
|
background-color: rgb(var(--v-theme-surface));
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-card--variant-tonal > .v-card__underlay {
|
|
131
|
+
z-index: -1;
|
|
132
|
+
}
|
|
133
|
+
|
|
130
134
|
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-card > :is(.v-list, .v-table):not([class*="bg-"]) {
|
|
131
135
|
background: none;
|
|
132
136
|
}
|
|
@@ -151,11 +155,39 @@
|
|
|
151
155
|
text-transform: var(--v-vw-btn-transform, none);
|
|
152
156
|
}
|
|
153
157
|
|
|
154
|
-
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content {
|
|
158
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon):is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content {
|
|
155
159
|
border: var(--v-vw-overlay-border, none);
|
|
156
160
|
box-shadow: var(--v-vw-overlay-shadow, revert-layer);
|
|
157
161
|
}
|
|
158
162
|
|
|
163
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon):is(.v-menu, .v-tooltip) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-tooltip) > .v-overlay__content {
|
|
164
|
+
border-radius: var(--v-vw-radius, 4px);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon).v-dialog:not(.v-dialog--fullscreen) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-dialog:not(.v-dialog--fullscreen) > .v-overlay__content {
|
|
168
|
+
border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-overlay__content, .v-overlay__scrim):is([class*="-transition-enter-active"], [class*="-transition-leave-active"]) {
|
|
172
|
+
transition-timing-function: var(--v-vw-overlay-ease, var(--v-vw-motion-ease, revert-layer));
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__content[class*="-transition-enter-active"] {
|
|
176
|
+
transition-duration: var(--v-vw-overlay-duration, revert-layer);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__content[class*="-transition-leave-active"] {
|
|
180
|
+
transition-duration: var(--v-vw-overlay-exit, var(--v-vw-overlay-duration, revert-layer));
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__scrim[class*="-transition-enter-active"] {
|
|
184
|
+
transition-duration: var(--v-vw-scrim-duration, var(--v-vw-overlay-duration, revert-layer));
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__scrim[class*="-transition-leave-active"] {
|
|
188
|
+
transition-duration: var(--v-vw-scrim-duration, var(--v-vw-overlay-exit, var(--v-vw-overlay-duration, revert-layer)));
|
|
189
|
+
}
|
|
190
|
+
|
|
159
191
|
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-chip-group .v-slide-group__content {
|
|
160
192
|
padding: var(--v-vw-relief-inset, 0);
|
|
161
193
|
}
|
|
@@ -293,6 +325,16 @@
|
|
|
293
325
|
text-underline-offset: .15em;
|
|
294
326
|
}
|
|
295
327
|
|
|
328
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon)::selection {
|
|
329
|
+
background-color: var(--v-vw-selection-fill, rgba(var(--v-theme-primary), .24));
|
|
330
|
+
color: var(--v-vw-selection-color, inherit);
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) ::selection {
|
|
334
|
+
background-color: var(--v-vw-selection-fill, rgba(var(--v-theme-primary), .24));
|
|
335
|
+
color: var(--v-vw-selection-color, inherit);
|
|
336
|
+
}
|
|
337
|
+
|
|
296
338
|
@keyframes vw-pop {
|
|
297
339
|
0% {
|
|
298
340
|
transform: scale(1);
|
|
@@ -369,7 +411,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
369
411
|
font-weight: 600;
|
|
370
412
|
}
|
|
371
413
|
|
|
372
|
-
.v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
414
|
+
.v-theme--slate:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
373
415
|
box-shadow: 0 8px 24px rgba(var(--v-shadow-color), .16);
|
|
374
416
|
}
|
|
375
417
|
|
|
@@ -511,7 +553,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
511
553
|
box-shadow: none;
|
|
512
554
|
}
|
|
513
555
|
|
|
514
|
-
.v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
556
|
+
.v-theme--calm:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
515
557
|
border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);
|
|
516
558
|
box-shadow: 0 16px 48px #3a3a360f;
|
|
517
559
|
}
|
|
@@ -542,7 +584,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
542
584
|
font-weight: 400;
|
|
543
585
|
}
|
|
544
586
|
|
|
545
|
-
.v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
587
|
+
.v-theme--lux:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
546
588
|
border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);
|
|
547
589
|
box-shadow: 0 24px 64px #00000014;
|
|
548
590
|
}
|
|
@@ -562,12 +604,13 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
562
604
|
box-shadow: 0 2px 8px rgba(var(--v-theme-primary), .24);
|
|
563
605
|
}
|
|
564
606
|
|
|
565
|
-
.v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
607
|
+
.v-theme--soft:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
566
608
|
box-shadow: 0 16px 48px rgba(var(--v-theme-primary), .18);
|
|
567
609
|
}
|
|
568
610
|
|
|
569
611
|
.v-theme--soft .v-field.v-field--variant-solo-filled {
|
|
570
|
-
box-shadow: 0 1px
|
|
612
|
+
box-shadow: inset 0 0 0 1px rgba(var(--v-theme-primary), .3),
|
|
613
|
+
0 1px 2px rgba(var(--v-theme-primary), .08),
|
|
571
614
|
0 4px 12px rgba(var(--v-theme-primary), .06);
|
|
572
615
|
}
|
|
573
616
|
|
|
@@ -624,11 +667,8 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
624
667
|
}
|
|
625
668
|
|
|
626
669
|
.v-theme--candy .v-field.v-field--variant-solo-filled {
|
|
627
|
-
box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
|
|
628
|
-
}
|
|
629
|
-
|
|
630
|
-
.v-theme--candy .v-field.v-field--variant-solo-filled .v-field__overlay {
|
|
631
670
|
background-color: rgb(var(--v-theme-surface-light));
|
|
671
|
+
box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
|
|
632
672
|
}
|
|
633
673
|
|
|
634
674
|
.v-theme--candy :is(.v-switch__track, .v-slider-track__background) {
|
|
@@ -696,7 +736,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
696
736
|
-2px -2px 6px #ffffffe6;
|
|
697
737
|
}
|
|
698
738
|
|
|
699
|
-
.v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
739
|
+
.v-theme--clay:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
700
740
|
box-shadow: 12px 12px 40px rgba(var(--v-shadow-color), .24);
|
|
701
741
|
}
|
|
702
742
|
|
|
@@ -816,7 +856,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
816
856
|
transform: translate(-1px, -1px);
|
|
817
857
|
}
|
|
818
858
|
|
|
819
|
-
.v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
859
|
+
.v-theme--brutalist:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
820
860
|
border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
|
|
821
861
|
box-shadow: 8px 8px 0 rgb(var(--v-shadow-color));
|
|
822
862
|
}
|
|
@@ -861,13 +901,22 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
861
901
|
0 10px 34px rgba(var(--v-shadow-color), .1);
|
|
862
902
|
}
|
|
863
903
|
|
|
864
|
-
.v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
904
|
+
.v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
865
905
|
backdrop-filter: blur(30px) saturate(190%);
|
|
866
906
|
box-shadow: inset 0 1px 0 #ffffffe6,
|
|
867
907
|
inset 0 0 0 1px #ffffff59,
|
|
868
908
|
0 18px 52px rgba(var(--v-shadow-color), .18);
|
|
869
909
|
}
|
|
870
910
|
|
|
911
|
+
.v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"] {
|
|
912
|
+
transform: scale(.92);
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
.v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"] {
|
|
916
|
+
transition-property: transform, opacity;
|
|
917
|
+
transition-duration: var(--v-vw-overlay-duration, .32s), var(--v-vw-scrim-duration, .12s);
|
|
918
|
+
}
|
|
919
|
+
|
|
871
920
|
.v-theme--liquidGlass .v-field.v-field--variant-solo-filled {
|
|
872
921
|
backdrop-filter: blur(20px) saturate(170%);
|
|
873
922
|
box-shadow: none;
|
|
@@ -959,7 +1008,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
959
1008
|
0 8px 32px rgba(var(--v-shadow-color), .45);
|
|
960
1009
|
}
|
|
961
1010
|
|
|
962
|
-
.v-theme--darkGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
1011
|
+
.v-theme--darkGlass:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--darkGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
963
1012
|
backdrop-filter: blur(18px) saturate(160%);
|
|
964
1013
|
box-shadow: 0 16px 48px rgba(var(--v-shadow-color), .55);
|
|
965
1014
|
}
|
|
@@ -1066,7 +1115,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
1066
1115
|
box-shadow: 0 0 14px #7c5cff80;
|
|
1067
1116
|
}
|
|
1068
1117
|
|
|
1069
|
-
.v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
1118
|
+
.v-theme--aurora:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
1070
1119
|
box-shadow: 0 0 0 1px #9b8cff29, 0 24px 64px #000000b3;
|
|
1071
1120
|
}
|
|
1072
1121
|
|
|
@@ -1177,7 +1226,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
|
|
|
1177
1226
|
box-shadow: 0 0 22px rgba(var(--v-theme-primary), .45);
|
|
1178
1227
|
}
|
|
1179
1228
|
|
|
1180
|
-
.v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
1229
|
+
.v-theme--neon:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
1181
1230
|
box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .35),
|
|
1182
1231
|
0 12px 48px #000000bf;
|
|
1183
1232
|
}
|