@vuetify/nightly 3.1.8 → 3.2.0-dev-20230309.0
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/CHANGELOG.md +9 -12
- package/dist/json/attributes.json +4 -0
- package/dist/json/importMap.json +68 -68
- package/dist/json/tags.json +1 -0
- package/dist/json/web-types.json +16 -1
- package/dist/vuetify-labs.css +1012 -1016
- package/dist/vuetify-labs.d.ts +4 -0
- package/dist/vuetify-labs.esm.js +11 -40
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +11 -40
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +91 -95
- package/dist/vuetify.d.ts +26 -22
- package/dist/vuetify.esm.js +11 -40
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +11 -40
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +11 -14
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VRating/VRating.css +0 -4
- package/lib/components/VRating/VRating.mjs +6 -35
- package/lib/components/VRating/VRating.mjs.map +1 -1
- package/lib/components/VRating/VRating.sass +0 -5
- package/lib/components/VRating/index.d.ts +1 -0
- package/lib/components/VTooltip/VTooltip.mjs +2 -2
- package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
- package/lib/components/VTooltip/index.d.ts +3 -0
- package/lib/components/index.d.ts +4 -0
- package/lib/entry-bundler.mjs +1 -1
- package/lib/entry-bundler.mjs.map +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/framework.mjs.map +1 -1
- package/lib/index.d.ts +22 -22
- package/package.json +1 -1
package/dist/vuetify-labs.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.
|
|
2
|
+
* Vuetify v3.2.0-dev-20230309.0
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -16587,60 +16587,6 @@ html.overflow-y-hidden {
|
|
|
16587
16587
|
}
|
|
16588
16588
|
.v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
|
|
16589
16589
|
align-self: flex-start;
|
|
16590
|
-
}.v-bottom-navigation {
|
|
16591
|
-
display: flex;
|
|
16592
|
-
max-width: 100%;
|
|
16593
|
-
overflow: hidden;
|
|
16594
|
-
position: absolute;
|
|
16595
|
-
transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
16596
|
-
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
16597
|
-
border-style: solid;
|
|
16598
|
-
border-width: 0;
|
|
16599
|
-
border-radius: 0;
|
|
16600
|
-
background: rgb(var(--v-theme-surface));
|
|
16601
|
-
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
16602
|
-
}
|
|
16603
|
-
.v-bottom-navigation--border {
|
|
16604
|
-
border-width: thin;
|
|
16605
|
-
box-shadow: none;
|
|
16606
|
-
}
|
|
16607
|
-
.v-bottom-navigation--active {
|
|
16608
|
-
box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
16609
|
-
}
|
|
16610
|
-
|
|
16611
|
-
.v-bottom-navigation__content {
|
|
16612
|
-
display: flex;
|
|
16613
|
-
flex: none;
|
|
16614
|
-
font-size: 0.75rem;
|
|
16615
|
-
justify-content: center;
|
|
16616
|
-
transition: inherit;
|
|
16617
|
-
width: 100%;
|
|
16618
|
-
}
|
|
16619
|
-
.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
|
|
16620
|
-
font-size: inherit;
|
|
16621
|
-
height: 100%;
|
|
16622
|
-
max-width: 168px;
|
|
16623
|
-
min-width: 80px;
|
|
16624
|
-
text-transform: none;
|
|
16625
|
-
transition: inherit;
|
|
16626
|
-
width: auto;
|
|
16627
|
-
border-radius: 0;
|
|
16628
|
-
}
|
|
16629
|
-
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
|
|
16630
|
-
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
|
|
16631
|
-
transition: inherit;
|
|
16632
|
-
}
|
|
16633
|
-
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
|
|
16634
|
-
font-size: 1.5rem;
|
|
16635
|
-
}
|
|
16636
|
-
.v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
|
|
16637
|
-
flex-grow: 1;
|
|
16638
|
-
}
|
|
16639
|
-
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
|
|
16640
|
-
opacity: 0;
|
|
16641
|
-
}
|
|
16642
|
-
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
|
|
16643
|
-
transform: translateY(0.5rem);
|
|
16644
16590
|
}.v-breadcrumbs {
|
|
16645
16591
|
display: flex;
|
|
16646
16592
|
align-items: center;
|
|
@@ -16696,150 +16642,145 @@ html.overflow-y-hidden {
|
|
|
16696
16642
|
padding: 0 8px;
|
|
16697
16643
|
vertical-align: middle;
|
|
16698
16644
|
}/** if false, disabled buttons will be greyed out */
|
|
16699
|
-
.v-btn {
|
|
16700
|
-
|
|
16701
|
-
|
|
16702
|
-
display: inline-grid;
|
|
16703
|
-
grid-template-areas: "prepend content append";
|
|
16704
|
-
grid-template-columns: max-content auto max-content;
|
|
16705
|
-
font-weight: 500;
|
|
16706
|
-
justify-content: center;
|
|
16707
|
-
letter-spacing: 0.0892857143em;
|
|
16708
|
-
line-height: normal;
|
|
16645
|
+
.v-btn-group {
|
|
16646
|
+
display: inline-flex;
|
|
16647
|
+
flex-wrap: nowrap;
|
|
16709
16648
|
max-width: 100%;
|
|
16710
|
-
|
|
16711
|
-
|
|
16712
|
-
text-decoration: none;
|
|
16713
|
-
text-indent: 0.0892857143em;
|
|
16714
|
-
text-transform: uppercase;
|
|
16715
|
-
transition-property: box-shadow, transform, opacity, background;
|
|
16716
|
-
transition-duration: 0.28s;
|
|
16717
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
16718
|
-
-webkit-user-select: none;
|
|
16719
|
-
user-select: none;
|
|
16649
|
+
min-width: 0;
|
|
16650
|
+
overflow: hidden;
|
|
16720
16651
|
vertical-align: middle;
|
|
16721
|
-
flex-shrink: 0;
|
|
16722
16652
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
16723
16653
|
border-style: solid;
|
|
16724
16654
|
border-width: 0;
|
|
16655
|
+
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
16656
|
+
border-radius: 4px;
|
|
16657
|
+
background: transparent;
|
|
16658
|
+
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
16725
16659
|
}
|
|
16726
|
-
.v-btn--
|
|
16727
|
-
|
|
16728
|
-
|
|
16729
|
-
font-size: 0.625rem;
|
|
16730
|
-
min-width: 36px;
|
|
16731
|
-
padding: 0 8px;
|
|
16660
|
+
.v-btn-group--border {
|
|
16661
|
+
border-width: thin;
|
|
16662
|
+
box-shadow: none;
|
|
16732
16663
|
}
|
|
16733
|
-
|
|
16734
|
-
|
|
16735
|
-
--v-btn-size: 0.75rem;
|
|
16736
|
-
--v-btn-height: 28px;
|
|
16737
|
-
font-size: 0.75rem;
|
|
16738
|
-
min-width: 50px;
|
|
16739
|
-
padding: 0 12px;
|
|
16664
|
+
.v-btn-group--density-default.v-btn-group {
|
|
16665
|
+
height: 48px;
|
|
16740
16666
|
}
|
|
16741
16667
|
|
|
16742
|
-
.v-btn--
|
|
16743
|
-
|
|
16744
|
-
--v-btn-height: 36px;
|
|
16745
|
-
font-size: 0.875rem;
|
|
16746
|
-
min-width: 64px;
|
|
16747
|
-
padding: 0 16px;
|
|
16668
|
+
.v-btn-group--density-comfortable.v-btn-group {
|
|
16669
|
+
height: 40px;
|
|
16748
16670
|
}
|
|
16749
16671
|
|
|
16750
|
-
.v-btn--
|
|
16751
|
-
|
|
16752
|
-
--v-btn-height: 44px;
|
|
16753
|
-
font-size: 1rem;
|
|
16754
|
-
min-width: 78px;
|
|
16755
|
-
padding: 0 20px;
|
|
16672
|
+
.v-btn-group--density-compact.v-btn-group {
|
|
16673
|
+
height: 36px;
|
|
16756
16674
|
}
|
|
16757
16675
|
|
|
16758
|
-
.v-btn
|
|
16759
|
-
|
|
16760
|
-
|
|
16761
|
-
font-size: 1.125rem;
|
|
16762
|
-
min-width: 92px;
|
|
16763
|
-
padding: 0 24px;
|
|
16676
|
+
.v-btn-group .v-btn {
|
|
16677
|
+
border-radius: 0;
|
|
16678
|
+
border-color: inherit;
|
|
16764
16679
|
}
|
|
16765
|
-
|
|
16766
|
-
|
|
16767
|
-
height: calc(var(--v-btn-height) + 0px);
|
|
16680
|
+
.v-btn-group .v-btn:not(:last-child) {
|
|
16681
|
+
border-inline-end: none;
|
|
16768
16682
|
}
|
|
16769
|
-
|
|
16770
|
-
|
|
16771
|
-
height: calc(var(--v-btn-height) + -8px);
|
|
16683
|
+
.v-btn-group .v-btn:not(:first-child) {
|
|
16684
|
+
border-inline-start: none;
|
|
16772
16685
|
}
|
|
16773
|
-
|
|
16774
|
-
|
|
16775
|
-
|
|
16686
|
+
.v-btn-group .v-btn:first-child {
|
|
16687
|
+
border-start-start-radius: inherit;
|
|
16688
|
+
border-end-start-radius: inherit;
|
|
16776
16689
|
}
|
|
16777
|
-
|
|
16778
|
-
|
|
16690
|
+
.v-btn-group .v-btn:last-child {
|
|
16691
|
+
border-start-end-radius: inherit;
|
|
16692
|
+
border-end-end-radius: inherit;
|
|
16693
|
+
}
|
|
16694
|
+
.v-btn-group--divided .v-btn:not(:last-child) {
|
|
16695
|
+
border-inline-end-width: thin;
|
|
16696
|
+
border-inline-end-style: solid;
|
|
16697
|
+
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
16698
|
+
}
|
|
16699
|
+
.v-btn-group--tile {
|
|
16700
|
+
border-radius: 0;
|
|
16701
|
+
}.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
|
|
16702
|
+
opacity: var(--v-activated-opacity);
|
|
16703
|
+
}.v-card {
|
|
16704
|
+
display: block;
|
|
16705
|
+
overflow: hidden;
|
|
16706
|
+
overflow-wrap: break-word;
|
|
16707
|
+
position: relative;
|
|
16708
|
+
padding: 0;
|
|
16709
|
+
text-decoration: none;
|
|
16710
|
+
transition-duration: 0.28s;
|
|
16711
|
+
transition-property: box-shadow, opacity, background;
|
|
16712
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
16713
|
+
z-index: 0;
|
|
16714
|
+
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
16715
|
+
border-style: solid;
|
|
16716
|
+
border-width: 0;
|
|
16717
|
+
border-radius: 4px;
|
|
16718
|
+
}
|
|
16719
|
+
.v-card--border {
|
|
16779
16720
|
border-width: thin;
|
|
16780
16721
|
box-shadow: none;
|
|
16781
16722
|
}
|
|
16782
|
-
.v-
|
|
16723
|
+
.v-card--absolute {
|
|
16783
16724
|
position: absolute;
|
|
16784
16725
|
}
|
|
16785
|
-
.v-
|
|
16726
|
+
.v-card--fixed {
|
|
16786
16727
|
position: fixed;
|
|
16787
16728
|
}
|
|
16788
|
-
.v-
|
|
16729
|
+
.v-card:hover > .v-card__overlay {
|
|
16789
16730
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
16790
16731
|
}
|
|
16791
|
-
.v-
|
|
16732
|
+
.v-card:focus-visible > .v-card__overlay {
|
|
16792
16733
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
16793
16734
|
}
|
|
16794
16735
|
@supports not selector(:focus-visible) {
|
|
16795
|
-
.v-
|
|
16736
|
+
.v-card:focus > .v-card__overlay {
|
|
16796
16737
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
16797
16738
|
}
|
|
16798
16739
|
}
|
|
16799
|
-
.v-
|
|
16740
|
+
.v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
|
|
16800
16741
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
16801
16742
|
}
|
|
16802
|
-
.v-
|
|
16743
|
+
.v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
|
|
16803
16744
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
16804
16745
|
}
|
|
16805
|
-
.v-
|
|
16746
|
+
.v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
|
|
16806
16747
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
16807
16748
|
}
|
|
16808
16749
|
@supports not selector(:focus-visible) {
|
|
16809
|
-
.v-
|
|
16750
|
+
.v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
|
|
16810
16751
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
16811
16752
|
}
|
|
16812
16753
|
}
|
|
16813
|
-
.v-
|
|
16754
|
+
.v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
|
|
16814
16755
|
background: transparent;
|
|
16815
16756
|
color: inherit;
|
|
16816
16757
|
}
|
|
16817
|
-
.v-
|
|
16758
|
+
.v-card--variant-plain {
|
|
16818
16759
|
opacity: 0.62;
|
|
16819
16760
|
}
|
|
16820
|
-
.v-
|
|
16761
|
+
.v-card--variant-plain:focus, .v-card--variant-plain:hover {
|
|
16821
16762
|
opacity: 1;
|
|
16822
16763
|
}
|
|
16823
|
-
.v-
|
|
16764
|
+
.v-card--variant-plain .v-card__overlay {
|
|
16824
16765
|
display: none;
|
|
16825
16766
|
}
|
|
16826
|
-
.v-
|
|
16767
|
+
.v-card--variant-elevated, .v-card--variant-flat {
|
|
16827
16768
|
background: rgb(var(--v-theme-surface));
|
|
16828
16769
|
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
16829
16770
|
}
|
|
16830
|
-
.v-
|
|
16831
|
-
box-shadow: 0px
|
|
16771
|
+
.v-card--variant-elevated {
|
|
16772
|
+
box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
16832
16773
|
}
|
|
16833
|
-
.v-
|
|
16774
|
+
.v-card--variant-flat {
|
|
16834
16775
|
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
16835
16776
|
}
|
|
16836
|
-
.v-
|
|
16777
|
+
.v-card--variant-outlined {
|
|
16837
16778
|
border: thin solid currentColor;
|
|
16838
16779
|
}
|
|
16839
|
-
.v-
|
|
16780
|
+
.v-card--variant-text .v-card__overlay {
|
|
16840
16781
|
background: currentColor;
|
|
16841
16782
|
}
|
|
16842
|
-
.v-
|
|
16783
|
+
.v-card--variant-tonal .v-card__underlay {
|
|
16843
16784
|
background: currentColor;
|
|
16844
16785
|
opacity: var(--v-activated-opacity);
|
|
16845
16786
|
border-radius: inherit;
|
|
@@ -16850,985 +16791,924 @@ html.overflow-y-hidden {
|
|
|
16850
16791
|
left: 0;
|
|
16851
16792
|
pointer-events: none;
|
|
16852
16793
|
}
|
|
16853
|
-
|
|
16854
|
-
|
|
16855
|
-
|
|
16856
|
-
|
|
16857
|
-
top: 0;
|
|
16858
|
-
left: 0;
|
|
16859
|
-
width: 100%;
|
|
16860
|
-
height: 100%;
|
|
16861
|
-
pointer-events: none;
|
|
16862
|
-
border: 2px solid currentColor;
|
|
16863
|
-
border-radius: inherit;
|
|
16864
|
-
opacity: 0;
|
|
16865
|
-
transition: opacity 0.2s ease-in-out;
|
|
16866
|
-
}
|
|
16867
|
-
.v-btn:focus-visible::after {
|
|
16868
|
-
opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
|
|
16869
|
-
}
|
|
16870
|
-
}
|
|
16871
|
-
.v-btn--icon {
|
|
16872
|
-
border-radius: 50%;
|
|
16873
|
-
min-width: 0;
|
|
16874
|
-
padding: 0;
|
|
16794
|
+
.v-card--disabled {
|
|
16795
|
+
pointer-events: none;
|
|
16796
|
+
-webkit-user-select: none;
|
|
16797
|
+
user-select: none;
|
|
16875
16798
|
}
|
|
16876
|
-
.v-
|
|
16877
|
-
|
|
16799
|
+
.v-card--disabled > :not(.v-card__loader) {
|
|
16800
|
+
opacity: 0.6;
|
|
16878
16801
|
}
|
|
16879
|
-
.v-
|
|
16880
|
-
|
|
16881
|
-
height: calc(var(--v-btn-height) + 12px);
|
|
16802
|
+
.v-card--flat {
|
|
16803
|
+
box-shadow: none;
|
|
16882
16804
|
}
|
|
16883
|
-
.v-
|
|
16884
|
-
|
|
16885
|
-
|
|
16805
|
+
.v-card--hover {
|
|
16806
|
+
cursor: pointer;
|
|
16807
|
+
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
16886
16808
|
}
|
|
16887
|
-
.v-
|
|
16888
|
-
|
|
16889
|
-
|
|
16809
|
+
.v-card--hover::before, .v-card--hover::after {
|
|
16810
|
+
border-radius: inherit;
|
|
16811
|
+
bottom: 0;
|
|
16812
|
+
content: "";
|
|
16813
|
+
display: block;
|
|
16814
|
+
left: 0;
|
|
16815
|
+
pointer-events: none;
|
|
16816
|
+
position: absolute;
|
|
16817
|
+
right: 0;
|
|
16818
|
+
top: 0;
|
|
16819
|
+
transition: inherit;
|
|
16890
16820
|
}
|
|
16891
|
-
|
|
16892
|
-
|
|
16893
|
-
|
|
16821
|
+
.v-card--hover::before {
|
|
16822
|
+
opacity: 1;
|
|
16823
|
+
z-index: -1;
|
|
16824
|
+
box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
16894
16825
|
}
|
|
16895
|
-
.v-
|
|
16826
|
+
.v-card--hover::after {
|
|
16827
|
+
z-index: 1;
|
|
16828
|
+
opacity: 0;
|
|
16896
16829
|
box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
16897
16830
|
}
|
|
16898
|
-
.v-
|
|
16899
|
-
|
|
16831
|
+
.v-card--hover:hover::after {
|
|
16832
|
+
opacity: 1;
|
|
16900
16833
|
}
|
|
16901
|
-
.v-
|
|
16902
|
-
|
|
16903
|
-
flex: 1 0 auto;
|
|
16904
|
-
min-width: 100%;
|
|
16834
|
+
.v-card--hover:hover::before {
|
|
16835
|
+
opacity: 0;
|
|
16905
16836
|
}
|
|
16906
|
-
.v-
|
|
16907
|
-
|
|
16908
|
-
opacity: 0.26;
|
|
16837
|
+
.v-card--link {
|
|
16838
|
+
cursor: pointer;
|
|
16909
16839
|
}
|
|
16910
|
-
|
|
16911
|
-
|
|
16912
|
-
|
|
16913
|
-
|
|
16914
|
-
|
|
16840
|
+
|
|
16841
|
+
.v-card-actions {
|
|
16842
|
+
align-items: center;
|
|
16843
|
+
display: flex;
|
|
16844
|
+
flex: none;
|
|
16845
|
+
min-height: 52px;
|
|
16846
|
+
padding: 0.5rem;
|
|
16915
16847
|
}
|
|
16916
|
-
|
|
16917
|
-
|
|
16848
|
+
|
|
16849
|
+
.v-card-item {
|
|
16850
|
+
align-items: center;
|
|
16851
|
+
display: grid;
|
|
16852
|
+
flex: none;
|
|
16853
|
+
grid-template-areas: "prepend content append";
|
|
16854
|
+
grid-template-columns: max-content auto max-content;
|
|
16855
|
+
padding: 0.625rem 1rem;
|
|
16918
16856
|
}
|
|
16919
|
-
.v-
|
|
16920
|
-
|
|
16857
|
+
.v-card-item + .v-card-text {
|
|
16858
|
+
padding-top: 0;
|
|
16921
16859
|
}
|
|
16922
|
-
.v-
|
|
16923
|
-
|
|
16924
|
-
|
|
16925
|
-
opacity: 0;
|
|
16860
|
+
.v-card-item__prepend {
|
|
16861
|
+
grid-area: prepend;
|
|
16862
|
+
padding-inline-end: 1rem;
|
|
16926
16863
|
}
|
|
16927
|
-
.v-
|
|
16928
|
-
grid-
|
|
16929
|
-
|
|
16930
|
-
grid-template-rows: max-content max-content max-content;
|
|
16931
|
-
justify-items: center;
|
|
16932
|
-
align-content: center;
|
|
16864
|
+
.v-card-item__append {
|
|
16865
|
+
grid-area: append;
|
|
16866
|
+
padding-inline-start: 1rem;
|
|
16933
16867
|
}
|
|
16934
|
-
|
|
16935
|
-
|
|
16936
|
-
|
|
16868
|
+
|
|
16869
|
+
.v-card-item__content {
|
|
16870
|
+
align-self: center;
|
|
16871
|
+
grid-area: content;
|
|
16872
|
+
overflow: hidden;
|
|
16937
16873
|
}
|
|
16938
|
-
|
|
16939
|
-
.v-
|
|
16940
|
-
|
|
16941
|
-
|
|
16942
|
-
|
|
16943
|
-
|
|
16874
|
+
|
|
16875
|
+
.v-card-title {
|
|
16876
|
+
display: block;
|
|
16877
|
+
flex: none;
|
|
16878
|
+
font-size: 1.25rem;
|
|
16879
|
+
font-weight: 500;
|
|
16880
|
+
-webkit-hyphens: auto;
|
|
16881
|
+
hyphens: auto;
|
|
16882
|
+
letter-spacing: 0.0125em;
|
|
16883
|
+
min-width: 0;
|
|
16884
|
+
overflow-wrap: normal;
|
|
16885
|
+
overflow: hidden;
|
|
16886
|
+
padding: 0.5rem 1rem;
|
|
16887
|
+
text-overflow: ellipsis;
|
|
16888
|
+
text-transform: none;
|
|
16889
|
+
white-space: nowrap;
|
|
16890
|
+
word-break: normal;
|
|
16891
|
+
word-wrap: break-word;
|
|
16944
16892
|
}
|
|
16945
|
-
.v-
|
|
16946
|
-
|
|
16947
|
-
margin-bottom: 4px;
|
|
16893
|
+
.v-card .v-card-title {
|
|
16894
|
+
line-height: 2rem;
|
|
16948
16895
|
}
|
|
16949
|
-
.v-
|
|
16950
|
-
|
|
16951
|
-
margin-top: 4px;
|
|
16896
|
+
.v-card--density-comfortable .v-card-title {
|
|
16897
|
+
line-height: 1.75rem;
|
|
16952
16898
|
}
|
|
16953
|
-
.v-
|
|
16954
|
-
|
|
16955
|
-
--v-btn-height: 56px;
|
|
16956
|
-
font-size: 0.625rem;
|
|
16957
|
-
min-width: 56px;
|
|
16958
|
-
padding: 0 12px;
|
|
16899
|
+
.v-card--density-compact .v-card-title {
|
|
16900
|
+
line-height: 1.55rem;
|
|
16959
16901
|
}
|
|
16960
|
-
|
|
16961
|
-
|
|
16962
|
-
--v-btn-size: 0.75rem;
|
|
16963
|
-
--v-btn-height: 64px;
|
|
16964
|
-
font-size: 0.75rem;
|
|
16965
|
-
min-width: 64px;
|
|
16966
|
-
padding: 0 14px;
|
|
16902
|
+
.v-card-item .v-card-title {
|
|
16903
|
+
padding: 0;
|
|
16967
16904
|
}
|
|
16968
|
-
|
|
16969
|
-
.v-
|
|
16970
|
-
|
|
16971
|
-
--v-btn-height: 72px;
|
|
16972
|
-
font-size: 0.875rem;
|
|
16973
|
-
min-width: 72px;
|
|
16974
|
-
padding: 0 16px;
|
|
16905
|
+
.v-card-title + .v-card-text,
|
|
16906
|
+
.v-card-title + .v-card-actions {
|
|
16907
|
+
padding-top: 0;
|
|
16975
16908
|
}
|
|
16976
16909
|
|
|
16977
|
-
.v-
|
|
16978
|
-
|
|
16979
|
-
|
|
16980
|
-
font-size:
|
|
16981
|
-
|
|
16982
|
-
|
|
16910
|
+
.v-card-subtitle {
|
|
16911
|
+
display: block;
|
|
16912
|
+
flex: none;
|
|
16913
|
+
font-size: 0.875rem;
|
|
16914
|
+
font-weight: 400;
|
|
16915
|
+
letter-spacing: 0.0178571429em;
|
|
16916
|
+
opacity: var(--v-medium-emphasis-opacity);
|
|
16917
|
+
overflow: hidden;
|
|
16918
|
+
padding: 0 1rem;
|
|
16919
|
+
text-overflow: ellipsis;
|
|
16920
|
+
text-transform: none;
|
|
16921
|
+
white-space: nowrap;
|
|
16983
16922
|
}
|
|
16984
|
-
|
|
16985
|
-
|
|
16986
|
-
--v-btn-size: 1.125rem;
|
|
16987
|
-
--v-btn-height: 88px;
|
|
16988
|
-
font-size: 1.125rem;
|
|
16989
|
-
min-width: 88px;
|
|
16990
|
-
padding: 0 20px;
|
|
16923
|
+
.v-card .v-card-subtitle {
|
|
16924
|
+
line-height: 1.25rem;
|
|
16991
16925
|
}
|
|
16992
|
-
|
|
16993
|
-
|
|
16994
|
-
height: calc(var(--v-btn-height) + 0px);
|
|
16926
|
+
.v-card--density-comfortable .v-card-subtitle {
|
|
16927
|
+
line-height: 1.125rem;
|
|
16995
16928
|
}
|
|
16996
|
-
|
|
16997
|
-
|
|
16998
|
-
height: calc(var(--v-btn-height) + -16px);
|
|
16929
|
+
.v-card--density-compact .v-card-subtitle {
|
|
16930
|
+
line-height: 1rem;
|
|
16999
16931
|
}
|
|
17000
|
-
|
|
17001
|
-
.
|
|
17002
|
-
height: calc(var(--v-btn-height) + -24px);
|
|
16932
|
+
.v-card-item .v-card-subtitle {
|
|
16933
|
+
padding: 0 0 0.25rem;
|
|
17003
16934
|
}
|
|
17004
16935
|
|
|
17005
|
-
.v-
|
|
17006
|
-
|
|
16936
|
+
.v-card-text {
|
|
16937
|
+
flex: 1 1 auto;
|
|
16938
|
+
font-size: 0.875rem;
|
|
16939
|
+
font-weight: 400;
|
|
16940
|
+
letter-spacing: 0.0178571429em;
|
|
16941
|
+
padding: 1rem;
|
|
16942
|
+
text-transform: none;
|
|
17007
16943
|
}
|
|
17008
|
-
.v-
|
|
17009
|
-
|
|
16944
|
+
.v-card .v-card-text {
|
|
16945
|
+
line-height: 1.25rem;
|
|
17010
16946
|
}
|
|
17011
|
-
.v-
|
|
17012
|
-
|
|
16947
|
+
.v-card--density-comfortable .v-card-text {
|
|
16948
|
+
line-height: 1.2rem;
|
|
17013
16949
|
}
|
|
17014
|
-
.v-
|
|
17015
|
-
|
|
16950
|
+
.v-card--density-compact .v-card-text {
|
|
16951
|
+
line-height: 1.15rem;
|
|
17016
16952
|
}
|
|
17017
16953
|
|
|
17018
|
-
.v-
|
|
17019
|
-
align-items: center;
|
|
16954
|
+
.v-card__image {
|
|
17020
16955
|
display: flex;
|
|
17021
16956
|
height: 100%;
|
|
17022
|
-
|
|
16957
|
+
flex: 1 1 auto;
|
|
17023
16958
|
left: 0;
|
|
16959
|
+
overflow: hidden;
|
|
17024
16960
|
position: absolute;
|
|
17025
16961
|
top: 0;
|
|
17026
16962
|
width: 100%;
|
|
16963
|
+
z-index: -1;
|
|
17027
16964
|
}
|
|
17028
16965
|
|
|
17029
|
-
.v-
|
|
17030
|
-
|
|
17031
|
-
|
|
17032
|
-
|
|
17033
|
-
display: flex;
|
|
17034
|
-
transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
17035
|
-
}
|
|
17036
|
-
|
|
17037
|
-
.v-btn__prepend {
|
|
17038
|
-
grid-area: prepend;
|
|
17039
|
-
margin-inline-start: calc(var(--v-btn-height) / -9);
|
|
17040
|
-
margin-inline-end: calc(var(--v-btn-height) / 4.5);
|
|
16966
|
+
.v-card__content {
|
|
16967
|
+
border-radius: inherit;
|
|
16968
|
+
overflow: hidden;
|
|
16969
|
+
position: relative;
|
|
17041
16970
|
}
|
|
17042
16971
|
|
|
17043
|
-
.v-
|
|
17044
|
-
|
|
17045
|
-
|
|
17046
|
-
|
|
16972
|
+
.v-card__loader {
|
|
16973
|
+
bottom: auto;
|
|
16974
|
+
top: 0;
|
|
16975
|
+
left: 0;
|
|
16976
|
+
position: absolute;
|
|
16977
|
+
right: 0;
|
|
16978
|
+
width: 100%;
|
|
16979
|
+
z-index: 1;
|
|
17047
16980
|
}
|
|
17048
16981
|
|
|
17049
|
-
.v-
|
|
17050
|
-
grid-area: content;
|
|
17051
|
-
justify-content: center;
|
|
17052
|
-
white-space: nowrap;
|
|
17053
|
-
}
|
|
17054
|
-
.v-btn__content > .v-icon--start {
|
|
17055
|
-
margin-inline-start: calc(var(--v-btn-height) / -9);
|
|
17056
|
-
margin-inline-end: calc(var(--v-btn-height) / 4.5);
|
|
17057
|
-
}
|
|
17058
|
-
.v-btn__content > .v-icon--end {
|
|
17059
|
-
margin-inline-start: calc(var(--v-btn-height) / 4.5);
|
|
17060
|
-
margin-inline-end: calc(var(--v-btn-height) / -9);
|
|
17061
|
-
}
|
|
17062
|
-
.v-btn--stacked .v-btn__content {
|
|
17063
|
-
white-space: normal;
|
|
17064
|
-
}
|
|
17065
|
-
|
|
17066
|
-
.v-btn__overlay {
|
|
16982
|
+
.v-card__overlay {
|
|
17067
16983
|
background-color: currentColor;
|
|
17068
16984
|
border-radius: inherit;
|
|
16985
|
+
position: absolute;
|
|
16986
|
+
top: 0;
|
|
16987
|
+
right: 0;
|
|
16988
|
+
bottom: 0;
|
|
16989
|
+
left: 0;
|
|
16990
|
+
pointer-events: none;
|
|
17069
16991
|
opacity: 0;
|
|
17070
16992
|
transition: opacity 0.2s ease-in-out;
|
|
16993
|
+
}.v-carousel {
|
|
16994
|
+
overflow: hidden;
|
|
16995
|
+
position: relative;
|
|
16996
|
+
width: 100%;
|
|
17071
16997
|
}
|
|
17072
|
-
|
|
17073
|
-
|
|
17074
|
-
|
|
16998
|
+
.v-carousel__controls {
|
|
16999
|
+
align-items: center;
|
|
17000
|
+
background: rgba(var(--v-theme-surface-variant), 0.3);
|
|
17001
|
+
bottom: 0;
|
|
17002
|
+
display: flex;
|
|
17003
|
+
height: 50px;
|
|
17004
|
+
justify-content: center;
|
|
17005
|
+
list-style-type: none;
|
|
17075
17006
|
position: absolute;
|
|
17076
|
-
top: 0;
|
|
17077
|
-
left: 0;
|
|
17078
17007
|
width: 100%;
|
|
17079
|
-
|
|
17080
|
-
pointer-events: none;
|
|
17008
|
+
z-index: 1;
|
|
17081
17009
|
}
|
|
17082
|
-
|
|
17083
|
-
|
|
17084
|
-
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17010
|
+
.v-carousel__controls > .v-item-group {
|
|
17011
|
+
flex: 0 1 auto;
|
|
17085
17012
|
}
|
|
17086
|
-
|
|
17087
|
-
|
|
17088
|
-
padding: 0 8px;
|
|
17089
|
-
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17013
|
+
.v-carousel__controls__item {
|
|
17014
|
+
margin: 0 8px;
|
|
17090
17015
|
}
|
|
17091
|
-
.v-
|
|
17092
|
-
|
|
17016
|
+
.v-carousel__controls__item .v-icon {
|
|
17017
|
+
opacity: 0.5;
|
|
17018
|
+
}
|
|
17019
|
+
.v-carousel__controls__item--active .v-icon {
|
|
17020
|
+
opacity: 1;
|
|
17021
|
+
vertical-align: middle;
|
|
17022
|
+
}
|
|
17023
|
+
.v-carousel__controls__item:hover {
|
|
17024
|
+
background: none;
|
|
17025
|
+
}
|
|
17026
|
+
.v-carousel__controls__item:hover .v-icon {
|
|
17027
|
+
opacity: 0.8;
|
|
17093
17028
|
}
|
|
17094
17029
|
|
|
17095
|
-
.v-
|
|
17096
|
-
|
|
17030
|
+
.v-carousel__progress {
|
|
17031
|
+
margin: 0;
|
|
17032
|
+
position: absolute;
|
|
17033
|
+
bottom: 0;
|
|
17034
|
+
left: 0;
|
|
17035
|
+
right: 0;
|
|
17097
17036
|
}
|
|
17098
17037
|
|
|
17099
|
-
.v-
|
|
17100
|
-
|
|
17038
|
+
.v-carousel-item {
|
|
17039
|
+
display: block;
|
|
17040
|
+
height: inherit;
|
|
17041
|
+
text-decoration: none;
|
|
17101
17042
|
}
|
|
17102
|
-
.v-
|
|
17103
|
-
|
|
17043
|
+
.v-carousel-item > .v-img {
|
|
17044
|
+
height: inherit;
|
|
17104
17045
|
}
|
|
17105
|
-
|
|
17106
|
-
|
|
17046
|
+
|
|
17047
|
+
.v-carousel--hide-delimiter-background .v-carousel__controls {
|
|
17048
|
+
background: transparent;
|
|
17107
17049
|
}
|
|
17108
17050
|
|
|
17109
|
-
.v-
|
|
17110
|
-
|
|
17111
|
-
|
|
17112
|
-
|
|
17051
|
+
.v-carousel--vertical-delimiters .v-carousel__controls {
|
|
17052
|
+
flex-direction: column;
|
|
17053
|
+
height: 100% !important;
|
|
17054
|
+
width: 50px;
|
|
17055
|
+
}.v-checkbox .v-selection-control {
|
|
17056
|
+
min-height: var(--v-input-control-height);
|
|
17057
|
+
}.v-chip {
|
|
17058
|
+
align-items: center;
|
|
17059
|
+
cursor: default;
|
|
17113
17060
|
display: inline-flex;
|
|
17114
|
-
|
|
17061
|
+
font-weight: 400;
|
|
17115
17062
|
max-width: 100%;
|
|
17116
|
-
min-width: 0;
|
|
17117
17063
|
overflow: hidden;
|
|
17064
|
+
position: relative;
|
|
17065
|
+
text-decoration: none;
|
|
17066
|
+
white-space: nowrap;
|
|
17118
17067
|
vertical-align: middle;
|
|
17119
17068
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
17120
17069
|
border-style: solid;
|
|
17121
17070
|
border-width: 0;
|
|
17122
|
-
|
|
17123
|
-
border-radius: 4px;
|
|
17124
|
-
background: transparent;
|
|
17125
|
-
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
17071
|
+
border-radius: 9999px;
|
|
17126
17072
|
}
|
|
17127
|
-
.v-
|
|
17128
|
-
|
|
17129
|
-
|
|
17073
|
+
.v-chip.v-chip--size-x-small {
|
|
17074
|
+
--v-chip-size: 0.625rem;
|
|
17075
|
+
--v-chip-height: 20px;
|
|
17076
|
+
font-size: 0.625rem;
|
|
17077
|
+
padding: 0 8px;
|
|
17130
17078
|
}
|
|
17131
|
-
.v-
|
|
17132
|
-
height:
|
|
17079
|
+
.v-chip.v-chip--size-x-small .v-avatar {
|
|
17080
|
+
--v-avatar-height: 14px;
|
|
17133
17081
|
}
|
|
17134
|
-
|
|
17135
|
-
|
|
17136
|
-
height: 40px;
|
|
17082
|
+
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
|
|
17083
|
+
--v-avatar-height: 20px;
|
|
17137
17084
|
}
|
|
17138
17085
|
|
|
17139
|
-
.v-
|
|
17140
|
-
|
|
17086
|
+
.v-chip.v-chip--size-x-small .v-chip__filter,
|
|
17087
|
+
.v-chip.v-chip--size-x-small .v-chip__prepend,
|
|
17088
|
+
.v-chip.v-chip--size-x-small > .v-avatar--start,
|
|
17089
|
+
.v-chip.v-chip--size-x-small > .v-icon--start {
|
|
17090
|
+
margin-inline-end: 4px;
|
|
17141
17091
|
}
|
|
17142
|
-
|
|
17143
|
-
.v-
|
|
17144
|
-
|
|
17145
|
-
|
|
17092
|
+
.v-chip.v-chip--size-x-small .v-chip__filter,
|
|
17093
|
+
.v-chip.v-chip--size-x-small .v-chip__prepend,
|
|
17094
|
+
.v-chip.v-chip--size-x-small .v-icon--start {
|
|
17095
|
+
margin-inline-start: -4px;
|
|
17146
17096
|
}
|
|
17147
|
-
.v-
|
|
17148
|
-
|
|
17097
|
+
.v-chip.v-chip--size-x-small .v-avatar--start {
|
|
17098
|
+
margin-inline-start: -5.6px;
|
|
17149
17099
|
}
|
|
17150
|
-
.v-
|
|
17151
|
-
|
|
17100
|
+
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
|
|
17101
|
+
margin-inline-start: -8px;
|
|
17152
17102
|
}
|
|
17153
|
-
|
|
17154
|
-
|
|
17155
|
-
|
|
17103
|
+
|
|
17104
|
+
.v-chip.v-chip--size-x-small .v-chip__append,
|
|
17105
|
+
.v-chip.v-chip--size-x-small .v-chip__close,
|
|
17106
|
+
.v-chip.v-chip--size-x-small > .v-avatar--end,
|
|
17107
|
+
.v-chip.v-chip--size-x-small > .v-icon--end {
|
|
17108
|
+
margin-inline-start: 4px;
|
|
17109
|
+
margin-inline-end: -4px;
|
|
17156
17110
|
}
|
|
17157
|
-
.v-
|
|
17158
|
-
|
|
17159
|
-
border-end-end-radius: inherit;
|
|
17111
|
+
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
|
|
17112
|
+
margin-inline-end: -8px;
|
|
17160
17113
|
}
|
|
17161
|
-
.v-
|
|
17162
|
-
|
|
17163
|
-
border-inline-end-style: solid;
|
|
17164
|
-
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
17114
|
+
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
|
|
17115
|
+
margin-inline-start: 8px;
|
|
17165
17116
|
}
|
|
17166
|
-
|
|
17167
|
-
|
|
17168
|
-
|
|
17169
|
-
|
|
17170
|
-
|
|
17171
|
-
|
|
17172
|
-
overflow: hidden;
|
|
17173
|
-
overflow-wrap: break-word;
|
|
17174
|
-
position: relative;
|
|
17175
|
-
padding: 0;
|
|
17176
|
-
text-decoration: none;
|
|
17177
|
-
transition-duration: 0.28s;
|
|
17178
|
-
transition-property: box-shadow, opacity, background;
|
|
17179
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
17180
|
-
z-index: 0;
|
|
17181
|
-
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
17182
|
-
border-style: solid;
|
|
17183
|
-
border-width: 0;
|
|
17184
|
-
border-radius: 4px;
|
|
17117
|
+
|
|
17118
|
+
.v-chip.v-chip--size-small {
|
|
17119
|
+
--v-chip-size: 0.75rem;
|
|
17120
|
+
--v-chip-height: 26px;
|
|
17121
|
+
font-size: 0.75rem;
|
|
17122
|
+
padding: 0 10px;
|
|
17185
17123
|
}
|
|
17186
|
-
.v-
|
|
17187
|
-
|
|
17188
|
-
box-shadow: none;
|
|
17124
|
+
.v-chip.v-chip--size-small .v-avatar {
|
|
17125
|
+
--v-avatar-height: 20px;
|
|
17189
17126
|
}
|
|
17190
|
-
.v-
|
|
17191
|
-
|
|
17127
|
+
.v-chip--pill.v-chip.v-chip--size-small .v-avatar {
|
|
17128
|
+
--v-avatar-height: 26px;
|
|
17192
17129
|
}
|
|
17193
|
-
|
|
17194
|
-
|
|
17130
|
+
|
|
17131
|
+
.v-chip.v-chip--size-small .v-chip__filter,
|
|
17132
|
+
.v-chip.v-chip--size-small .v-chip__prepend,
|
|
17133
|
+
.v-chip.v-chip--size-small > .v-avatar--start,
|
|
17134
|
+
.v-chip.v-chip--size-small > .v-icon--start {
|
|
17135
|
+
margin-inline-end: 5px;
|
|
17195
17136
|
}
|
|
17196
|
-
.v-
|
|
17197
|
-
|
|
17137
|
+
.v-chip.v-chip--size-small .v-chip__filter,
|
|
17138
|
+
.v-chip.v-chip--size-small .v-chip__prepend,
|
|
17139
|
+
.v-chip.v-chip--size-small .v-icon--start {
|
|
17140
|
+
margin-inline-start: -5px;
|
|
17198
17141
|
}
|
|
17199
|
-
.v-
|
|
17200
|
-
|
|
17142
|
+
.v-chip.v-chip--size-small .v-avatar--start {
|
|
17143
|
+
margin-inline-start: -7px;
|
|
17201
17144
|
}
|
|
17202
|
-
|
|
17203
|
-
|
|
17204
|
-
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
17205
|
-
}
|
|
17145
|
+
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
|
|
17146
|
+
margin-inline-start: -10px;
|
|
17206
17147
|
}
|
|
17207
|
-
|
|
17208
|
-
|
|
17148
|
+
|
|
17149
|
+
.v-chip.v-chip--size-small .v-chip__append,
|
|
17150
|
+
.v-chip.v-chip--size-small .v-chip__close,
|
|
17151
|
+
.v-chip.v-chip--size-small > .v-avatar--end,
|
|
17152
|
+
.v-chip.v-chip--size-small > .v-icon--end {
|
|
17153
|
+
margin-inline-start: 5px;
|
|
17154
|
+
margin-inline-end: -5px;
|
|
17209
17155
|
}
|
|
17210
|
-
.v-
|
|
17211
|
-
|
|
17156
|
+
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
|
|
17157
|
+
margin-inline-end: -10px;
|
|
17212
17158
|
}
|
|
17213
|
-
.v-
|
|
17214
|
-
|
|
17159
|
+
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
|
|
17160
|
+
margin-inline-start: 10px;
|
|
17215
17161
|
}
|
|
17216
|
-
|
|
17217
|
-
|
|
17218
|
-
|
|
17219
|
-
|
|
17162
|
+
|
|
17163
|
+
.v-chip.v-chip--size-default {
|
|
17164
|
+
--v-chip-size: 0.875rem;
|
|
17165
|
+
--v-chip-height: 32px;
|
|
17166
|
+
font-size: 0.875rem;
|
|
17167
|
+
padding: 0 12px;
|
|
17220
17168
|
}
|
|
17221
|
-
.v-
|
|
17222
|
-
|
|
17223
|
-
color: inherit;
|
|
17224
|
-
}
|
|
17225
|
-
.v-card--variant-plain {
|
|
17226
|
-
opacity: 0.62;
|
|
17227
|
-
}
|
|
17228
|
-
.v-card--variant-plain:focus, .v-card--variant-plain:hover {
|
|
17229
|
-
opacity: 1;
|
|
17169
|
+
.v-chip.v-chip--size-default .v-avatar {
|
|
17170
|
+
--v-avatar-height: 26px;
|
|
17230
17171
|
}
|
|
17231
|
-
.v-
|
|
17232
|
-
|
|
17172
|
+
.v-chip--pill.v-chip.v-chip--size-default .v-avatar {
|
|
17173
|
+
--v-avatar-height: 32px;
|
|
17233
17174
|
}
|
|
17234
|
-
|
|
17235
|
-
|
|
17236
|
-
|
|
17175
|
+
|
|
17176
|
+
.v-chip.v-chip--size-default .v-chip__filter,
|
|
17177
|
+
.v-chip.v-chip--size-default .v-chip__prepend,
|
|
17178
|
+
.v-chip.v-chip--size-default > .v-avatar--start,
|
|
17179
|
+
.v-chip.v-chip--size-default > .v-icon--start {
|
|
17180
|
+
margin-inline-end: 6px;
|
|
17237
17181
|
}
|
|
17238
|
-
.v-
|
|
17239
|
-
|
|
17182
|
+
.v-chip.v-chip--size-default .v-chip__filter,
|
|
17183
|
+
.v-chip.v-chip--size-default .v-chip__prepend,
|
|
17184
|
+
.v-chip.v-chip--size-default .v-icon--start {
|
|
17185
|
+
margin-inline-start: -6px;
|
|
17240
17186
|
}
|
|
17241
|
-
.v-
|
|
17242
|
-
|
|
17187
|
+
.v-chip.v-chip--size-default .v-avatar--start {
|
|
17188
|
+
margin-inline-start: -8.4px;
|
|
17243
17189
|
}
|
|
17244
|
-
.v-
|
|
17245
|
-
|
|
17190
|
+
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
|
|
17191
|
+
margin-inline-start: -12px;
|
|
17246
17192
|
}
|
|
17247
|
-
|
|
17248
|
-
|
|
17193
|
+
|
|
17194
|
+
.v-chip.v-chip--size-default .v-chip__append,
|
|
17195
|
+
.v-chip.v-chip--size-default .v-chip__close,
|
|
17196
|
+
.v-chip.v-chip--size-default > .v-avatar--end,
|
|
17197
|
+
.v-chip.v-chip--size-default > .v-icon--end {
|
|
17198
|
+
margin-inline-start: 6px;
|
|
17199
|
+
margin-inline-end: -6px;
|
|
17249
17200
|
}
|
|
17250
|
-
.v-
|
|
17251
|
-
|
|
17252
|
-
opacity: var(--v-activated-opacity);
|
|
17253
|
-
border-radius: inherit;
|
|
17254
|
-
position: absolute;
|
|
17255
|
-
top: 0;
|
|
17256
|
-
right: 0;
|
|
17257
|
-
bottom: 0;
|
|
17258
|
-
left: 0;
|
|
17259
|
-
pointer-events: none;
|
|
17201
|
+
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
|
|
17202
|
+
margin-inline-end: -12px;
|
|
17260
17203
|
}
|
|
17261
|
-
.v-
|
|
17262
|
-
|
|
17263
|
-
-webkit-user-select: none;
|
|
17264
|
-
user-select: none;
|
|
17204
|
+
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
|
|
17205
|
+
margin-inline-start: 12px;
|
|
17265
17206
|
}
|
|
17266
|
-
|
|
17267
|
-
|
|
17207
|
+
|
|
17208
|
+
.v-chip.v-chip--size-large {
|
|
17209
|
+
--v-chip-size: 1rem;
|
|
17210
|
+
--v-chip-height: 38px;
|
|
17211
|
+
font-size: 1rem;
|
|
17212
|
+
padding: 0 14px;
|
|
17268
17213
|
}
|
|
17269
|
-
.v-
|
|
17270
|
-
|
|
17214
|
+
.v-chip.v-chip--size-large .v-avatar {
|
|
17215
|
+
--v-avatar-height: 32px;
|
|
17271
17216
|
}
|
|
17272
|
-
.v-
|
|
17273
|
-
|
|
17274
|
-
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17217
|
+
.v-chip--pill.v-chip.v-chip--size-large .v-avatar {
|
|
17218
|
+
--v-avatar-height: 38px;
|
|
17275
17219
|
}
|
|
17276
|
-
|
|
17277
|
-
|
|
17278
|
-
|
|
17279
|
-
|
|
17280
|
-
|
|
17281
|
-
|
|
17282
|
-
pointer-events: none;
|
|
17283
|
-
position: absolute;
|
|
17284
|
-
right: 0;
|
|
17285
|
-
top: 0;
|
|
17286
|
-
transition: inherit;
|
|
17220
|
+
|
|
17221
|
+
.v-chip.v-chip--size-large .v-chip__filter,
|
|
17222
|
+
.v-chip.v-chip--size-large .v-chip__prepend,
|
|
17223
|
+
.v-chip.v-chip--size-large > .v-avatar--start,
|
|
17224
|
+
.v-chip.v-chip--size-large > .v-icon--start {
|
|
17225
|
+
margin-inline-end: 7px;
|
|
17287
17226
|
}
|
|
17288
|
-
.v-
|
|
17289
|
-
|
|
17290
|
-
|
|
17291
|
-
|
|
17227
|
+
.v-chip.v-chip--size-large .v-chip__filter,
|
|
17228
|
+
.v-chip.v-chip--size-large .v-chip__prepend,
|
|
17229
|
+
.v-chip.v-chip--size-large .v-icon--start {
|
|
17230
|
+
margin-inline-start: -7px;
|
|
17292
17231
|
}
|
|
17293
|
-
.v-
|
|
17294
|
-
|
|
17295
|
-
opacity: 0;
|
|
17296
|
-
box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17232
|
+
.v-chip.v-chip--size-large .v-avatar--start {
|
|
17233
|
+
margin-inline-start: -9.8px;
|
|
17297
17234
|
}
|
|
17298
|
-
.v-
|
|
17299
|
-
|
|
17235
|
+
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
|
|
17236
|
+
margin-inline-start: -14px;
|
|
17300
17237
|
}
|
|
17301
|
-
|
|
17302
|
-
|
|
17238
|
+
|
|
17239
|
+
.v-chip.v-chip--size-large .v-chip__append,
|
|
17240
|
+
.v-chip.v-chip--size-large .v-chip__close,
|
|
17241
|
+
.v-chip.v-chip--size-large > .v-avatar--end,
|
|
17242
|
+
.v-chip.v-chip--size-large > .v-icon--end {
|
|
17243
|
+
margin-inline-start: 7px;
|
|
17244
|
+
margin-inline-end: -7px;
|
|
17303
17245
|
}
|
|
17304
|
-
.v-
|
|
17305
|
-
|
|
17246
|
+
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
|
|
17247
|
+
margin-inline-end: -14px;
|
|
17306
17248
|
}
|
|
17307
|
-
|
|
17308
|
-
|
|
17309
|
-
align-items: center;
|
|
17310
|
-
display: flex;
|
|
17311
|
-
flex: none;
|
|
17312
|
-
min-height: 52px;
|
|
17313
|
-
padding: 0.5rem;
|
|
17249
|
+
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
|
|
17250
|
+
margin-inline-start: 14px;
|
|
17314
17251
|
}
|
|
17315
17252
|
|
|
17316
|
-
.v-
|
|
17317
|
-
|
|
17318
|
-
|
|
17319
|
-
|
|
17320
|
-
|
|
17321
|
-
grid-template-columns: max-content auto max-content;
|
|
17322
|
-
padding: 0.625rem 1rem;
|
|
17323
|
-
}
|
|
17324
|
-
.v-card-item + .v-card-text {
|
|
17325
|
-
padding-top: 0;
|
|
17253
|
+
.v-chip.v-chip--size-x-large {
|
|
17254
|
+
--v-chip-size: 1.125rem;
|
|
17255
|
+
--v-chip-height: 44px;
|
|
17256
|
+
font-size: 1.125rem;
|
|
17257
|
+
padding: 0 17px;
|
|
17326
17258
|
}
|
|
17327
|
-
.v-
|
|
17328
|
-
|
|
17329
|
-
padding-inline-end: 1rem;
|
|
17259
|
+
.v-chip.v-chip--size-x-large .v-avatar {
|
|
17260
|
+
--v-avatar-height: 38px;
|
|
17330
17261
|
}
|
|
17331
|
-
.v-
|
|
17332
|
-
|
|
17333
|
-
padding-inline-start: 1rem;
|
|
17262
|
+
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
|
|
17263
|
+
--v-avatar-height: 44px;
|
|
17334
17264
|
}
|
|
17335
17265
|
|
|
17336
|
-
.v-
|
|
17337
|
-
|
|
17338
|
-
|
|
17339
|
-
|
|
17266
|
+
.v-chip.v-chip--size-x-large .v-chip__filter,
|
|
17267
|
+
.v-chip.v-chip--size-x-large .v-chip__prepend,
|
|
17268
|
+
.v-chip.v-chip--size-x-large > .v-avatar--start,
|
|
17269
|
+
.v-chip.v-chip--size-x-large > .v-icon--start {
|
|
17270
|
+
margin-inline-end: 8.5px;
|
|
17340
17271
|
}
|
|
17341
|
-
|
|
17342
|
-
.v-
|
|
17343
|
-
|
|
17344
|
-
|
|
17345
|
-
font-size: 1.25rem;
|
|
17346
|
-
font-weight: 500;
|
|
17347
|
-
-webkit-hyphens: auto;
|
|
17348
|
-
hyphens: auto;
|
|
17349
|
-
letter-spacing: 0.0125em;
|
|
17350
|
-
min-width: 0;
|
|
17351
|
-
overflow-wrap: normal;
|
|
17352
|
-
overflow: hidden;
|
|
17353
|
-
padding: 0.5rem 1rem;
|
|
17354
|
-
text-overflow: ellipsis;
|
|
17355
|
-
text-transform: none;
|
|
17356
|
-
white-space: nowrap;
|
|
17357
|
-
word-break: normal;
|
|
17358
|
-
word-wrap: break-word;
|
|
17272
|
+
.v-chip.v-chip--size-x-large .v-chip__filter,
|
|
17273
|
+
.v-chip.v-chip--size-x-large .v-chip__prepend,
|
|
17274
|
+
.v-chip.v-chip--size-x-large .v-icon--start {
|
|
17275
|
+
margin-inline-start: -8.5px;
|
|
17359
17276
|
}
|
|
17360
|
-
.v-
|
|
17361
|
-
|
|
17277
|
+
.v-chip.v-chip--size-x-large .v-avatar--start {
|
|
17278
|
+
margin-inline-start: -11.9px;
|
|
17362
17279
|
}
|
|
17363
|
-
.v-
|
|
17364
|
-
|
|
17280
|
+
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
|
|
17281
|
+
margin-inline-start: -17px;
|
|
17365
17282
|
}
|
|
17366
|
-
|
|
17367
|
-
|
|
17283
|
+
|
|
17284
|
+
.v-chip.v-chip--size-x-large .v-chip__append,
|
|
17285
|
+
.v-chip.v-chip--size-x-large .v-chip__close,
|
|
17286
|
+
.v-chip.v-chip--size-x-large > .v-avatar--end,
|
|
17287
|
+
.v-chip.v-chip--size-x-large > .v-icon--end {
|
|
17288
|
+
margin-inline-start: 8.5px;
|
|
17289
|
+
margin-inline-end: -8.5px;
|
|
17368
17290
|
}
|
|
17369
|
-
.v-
|
|
17370
|
-
|
|
17291
|
+
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
|
|
17292
|
+
margin-inline-end: -17px;
|
|
17371
17293
|
}
|
|
17372
|
-
.v-
|
|
17373
|
-
|
|
17374
|
-
padding-top: 0;
|
|
17294
|
+
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
|
|
17295
|
+
margin-inline-start: 17px;
|
|
17375
17296
|
}
|
|
17376
17297
|
|
|
17377
|
-
.v-
|
|
17378
|
-
|
|
17379
|
-
flex: none;
|
|
17380
|
-
font-size: 0.875rem;
|
|
17381
|
-
font-weight: 400;
|
|
17382
|
-
letter-spacing: 0.0178571429em;
|
|
17383
|
-
opacity: var(--v-medium-emphasis-opacity);
|
|
17384
|
-
overflow: hidden;
|
|
17385
|
-
padding: 0 1rem;
|
|
17386
|
-
text-overflow: ellipsis;
|
|
17387
|
-
text-transform: none;
|
|
17388
|
-
white-space: nowrap;
|
|
17298
|
+
.v-chip.v-chip--density-default {
|
|
17299
|
+
height: calc(var(--v-chip-height) + 0px);
|
|
17389
17300
|
}
|
|
17390
|
-
|
|
17391
|
-
|
|
17301
|
+
|
|
17302
|
+
.v-chip.v-chip--density-comfortable {
|
|
17303
|
+
height: calc(var(--v-chip-height) + -8px);
|
|
17392
17304
|
}
|
|
17393
|
-
|
|
17394
|
-
|
|
17305
|
+
|
|
17306
|
+
.v-chip.v-chip--density-compact {
|
|
17307
|
+
height: calc(var(--v-chip-height) + -12px);
|
|
17395
17308
|
}
|
|
17396
|
-
|
|
17397
|
-
|
|
17309
|
+
|
|
17310
|
+
.v-chip:hover > .v-chip__overlay {
|
|
17311
|
+
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
17398
17312
|
}
|
|
17399
|
-
.v-
|
|
17400
|
-
|
|
17313
|
+
.v-chip:focus-visible > .v-chip__overlay {
|
|
17314
|
+
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
17401
17315
|
}
|
|
17402
|
-
|
|
17403
|
-
.v-
|
|
17404
|
-
|
|
17405
|
-
|
|
17406
|
-
font-weight: 400;
|
|
17407
|
-
letter-spacing: 0.0178571429em;
|
|
17408
|
-
padding: 1rem;
|
|
17409
|
-
text-transform: none;
|
|
17410
|
-
}
|
|
17411
|
-
.v-card .v-card-text {
|
|
17412
|
-
line-height: 1.25rem;
|
|
17316
|
+
@supports not selector(:focus-visible) {
|
|
17317
|
+
.v-chip:focus > .v-chip__overlay {
|
|
17318
|
+
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
17319
|
+
}
|
|
17413
17320
|
}
|
|
17414
|
-
.v-
|
|
17415
|
-
|
|
17321
|
+
.v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
|
|
17322
|
+
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
17416
17323
|
}
|
|
17417
|
-
.v-
|
|
17418
|
-
|
|
17324
|
+
.v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
|
|
17325
|
+
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
17419
17326
|
}
|
|
17420
|
-
|
|
17421
|
-
|
|
17422
|
-
display: flex;
|
|
17423
|
-
height: 100%;
|
|
17424
|
-
flex: 1 1 auto;
|
|
17425
|
-
left: 0;
|
|
17426
|
-
overflow: hidden;
|
|
17427
|
-
position: absolute;
|
|
17428
|
-
top: 0;
|
|
17429
|
-
width: 100%;
|
|
17430
|
-
z-index: -1;
|
|
17327
|
+
.v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
|
|
17328
|
+
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
17431
17329
|
}
|
|
17432
|
-
|
|
17433
|
-
.v-
|
|
17434
|
-
|
|
17435
|
-
|
|
17436
|
-
position: relative;
|
|
17330
|
+
@supports not selector(:focus-visible) {
|
|
17331
|
+
.v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
|
|
17332
|
+
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
17333
|
+
}
|
|
17437
17334
|
}
|
|
17438
|
-
|
|
17439
|
-
|
|
17440
|
-
|
|
17441
|
-
top: 0;
|
|
17442
|
-
left: 0;
|
|
17443
|
-
position: absolute;
|
|
17444
|
-
right: 0;
|
|
17445
|
-
width: 100%;
|
|
17446
|
-
z-index: 1;
|
|
17335
|
+
.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
|
|
17336
|
+
background: transparent;
|
|
17337
|
+
color: inherit;
|
|
17447
17338
|
}
|
|
17448
|
-
|
|
17449
|
-
.
|
|
17450
|
-
background-color: currentColor;
|
|
17451
|
-
border-radius: inherit;
|
|
17452
|
-
position: absolute;
|
|
17453
|
-
top: 0;
|
|
17454
|
-
right: 0;
|
|
17455
|
-
bottom: 0;
|
|
17456
|
-
left: 0;
|
|
17457
|
-
pointer-events: none;
|
|
17458
|
-
opacity: 0;
|
|
17459
|
-
transition: opacity 0.2s ease-in-out;
|
|
17460
|
-
}.v-carousel {
|
|
17461
|
-
overflow: hidden;
|
|
17462
|
-
position: relative;
|
|
17463
|
-
width: 100%;
|
|
17339
|
+
.v-chip--variant-plain {
|
|
17340
|
+
opacity: 0.26;
|
|
17464
17341
|
}
|
|
17465
|
-
.v-
|
|
17466
|
-
|
|
17467
|
-
background: rgba(var(--v-theme-surface-variant), 0.3);
|
|
17468
|
-
bottom: 0;
|
|
17469
|
-
display: flex;
|
|
17470
|
-
height: 50px;
|
|
17471
|
-
justify-content: center;
|
|
17472
|
-
list-style-type: none;
|
|
17473
|
-
position: absolute;
|
|
17474
|
-
width: 100%;
|
|
17475
|
-
z-index: 1;
|
|
17342
|
+
.v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
|
|
17343
|
+
opacity: 1;
|
|
17476
17344
|
}
|
|
17477
|
-
.v-
|
|
17478
|
-
|
|
17345
|
+
.v-chip--variant-plain .v-chip__overlay {
|
|
17346
|
+
display: none;
|
|
17479
17347
|
}
|
|
17480
|
-
.v-
|
|
17481
|
-
|
|
17348
|
+
.v-chip--variant-elevated, .v-chip--variant-flat {
|
|
17349
|
+
background: rgb(var(--v-theme-surface-variant));
|
|
17350
|
+
color: rgb(var(--v-theme-on-surface-variant));
|
|
17482
17351
|
}
|
|
17483
|
-
.v-
|
|
17484
|
-
|
|
17352
|
+
.v-chip--variant-elevated {
|
|
17353
|
+
box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17485
17354
|
}
|
|
17486
|
-
.v-
|
|
17487
|
-
|
|
17488
|
-
vertical-align: middle;
|
|
17355
|
+
.v-chip--variant-flat {
|
|
17356
|
+
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17489
17357
|
}
|
|
17490
|
-
.v-
|
|
17491
|
-
|
|
17358
|
+
.v-chip--variant-outlined {
|
|
17359
|
+
border: thin solid currentColor;
|
|
17492
17360
|
}
|
|
17493
|
-
.v-
|
|
17494
|
-
|
|
17361
|
+
.v-chip--variant-text .v-chip__overlay {
|
|
17362
|
+
background: currentColor;
|
|
17495
17363
|
}
|
|
17496
|
-
|
|
17497
|
-
|
|
17498
|
-
|
|
17364
|
+
.v-chip--variant-tonal .v-chip__underlay {
|
|
17365
|
+
background: currentColor;
|
|
17366
|
+
opacity: var(--v-activated-opacity);
|
|
17367
|
+
border-radius: inherit;
|
|
17499
17368
|
position: absolute;
|
|
17369
|
+
top: 0;
|
|
17370
|
+
right: 0;
|
|
17500
17371
|
bottom: 0;
|
|
17501
17372
|
left: 0;
|
|
17502
|
-
|
|
17373
|
+
pointer-events: none;
|
|
17503
17374
|
}
|
|
17504
|
-
|
|
17505
|
-
|
|
17506
|
-
display: block;
|
|
17507
|
-
height: inherit;
|
|
17508
|
-
text-decoration: none;
|
|
17375
|
+
.v-chip--border {
|
|
17376
|
+
border-width: thin;
|
|
17509
17377
|
}
|
|
17510
|
-
.v-
|
|
17511
|
-
|
|
17378
|
+
.v-chip--link {
|
|
17379
|
+
cursor: pointer;
|
|
17512
17380
|
}
|
|
17513
|
-
|
|
17514
|
-
|
|
17515
|
-
|
|
17381
|
+
.v-chip--filter {
|
|
17382
|
+
-webkit-user-select: none;
|
|
17383
|
+
user-select: none;
|
|
17384
|
+
}
|
|
17385
|
+
.v-chip--label {
|
|
17386
|
+
border-radius: 4px;
|
|
17516
17387
|
}
|
|
17517
17388
|
|
|
17518
|
-
.v-
|
|
17519
|
-
|
|
17520
|
-
|
|
17521
|
-
|
|
17522
|
-
}.v-checkbox .v-selection-control {
|
|
17523
|
-
min-height: var(--v-input-control-height);
|
|
17524
|
-
}.v-chip {
|
|
17389
|
+
.v-chip__filter,
|
|
17390
|
+
.v-chip__prepend,
|
|
17391
|
+
.v-chip__append,
|
|
17392
|
+
.v-chip__close {
|
|
17525
17393
|
align-items: center;
|
|
17526
|
-
cursor: default;
|
|
17527
17394
|
display: inline-flex;
|
|
17528
|
-
font-weight: 400;
|
|
17529
|
-
max-width: 100%;
|
|
17530
|
-
overflow: hidden;
|
|
17531
|
-
position: relative;
|
|
17532
|
-
text-decoration: none;
|
|
17533
|
-
white-space: nowrap;
|
|
17534
|
-
vertical-align: middle;
|
|
17535
|
-
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
17536
|
-
border-style: solid;
|
|
17537
|
-
border-width: 0;
|
|
17538
|
-
border-radius: 9999px;
|
|
17539
|
-
}
|
|
17540
|
-
.v-chip.v-chip--size-x-small {
|
|
17541
|
-
--v-chip-size: 0.625rem;
|
|
17542
|
-
--v-chip-height: 20px;
|
|
17543
|
-
font-size: 0.625rem;
|
|
17544
|
-
padding: 0 8px;
|
|
17545
|
-
}
|
|
17546
|
-
.v-chip.v-chip--size-x-small .v-avatar {
|
|
17547
|
-
--v-avatar-height: 14px;
|
|
17548
|
-
}
|
|
17549
|
-
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
|
|
17550
|
-
--v-avatar-height: 20px;
|
|
17551
17395
|
}
|
|
17552
17396
|
|
|
17553
|
-
.v-
|
|
17554
|
-
|
|
17555
|
-
|
|
17556
|
-
|
|
17557
|
-
|
|
17558
|
-
|
|
17559
|
-
|
|
17560
|
-
|
|
17561
|
-
.v-chip.v-chip--size-x-small .v-icon--start {
|
|
17562
|
-
margin-inline-start: -4px;
|
|
17563
|
-
}
|
|
17564
|
-
.v-chip.v-chip--size-x-small .v-avatar--start {
|
|
17565
|
-
margin-inline-start: -5.6px;
|
|
17397
|
+
.v-chip__close {
|
|
17398
|
+
cursor: pointer;
|
|
17399
|
+
flex: 0 1 auto;
|
|
17400
|
+
font-size: 18px;
|
|
17401
|
+
max-height: 18px;
|
|
17402
|
+
max-width: 18px;
|
|
17403
|
+
-webkit-user-select: none;
|
|
17404
|
+
user-select: none;
|
|
17566
17405
|
}
|
|
17567
|
-
.v-
|
|
17568
|
-
|
|
17406
|
+
.v-chip__close .v-icon {
|
|
17407
|
+
font-size: inherit;
|
|
17569
17408
|
}
|
|
17570
17409
|
|
|
17571
|
-
.v-
|
|
17572
|
-
.
|
|
17573
|
-
.v-chip.v-chip--size-x-small > .v-avatar--end,
|
|
17574
|
-
.v-chip.v-chip--size-x-small > .v-icon--end {
|
|
17575
|
-
margin-inline-start: 4px;
|
|
17576
|
-
margin-inline-end: -4px;
|
|
17577
|
-
}
|
|
17578
|
-
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
|
|
17579
|
-
margin-inline-end: -8px;
|
|
17580
|
-
}
|
|
17581
|
-
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
|
|
17582
|
-
margin-inline-start: 8px;
|
|
17410
|
+
.v-chip__filter {
|
|
17411
|
+
transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
17583
17412
|
}
|
|
17584
17413
|
|
|
17585
|
-
.v-
|
|
17586
|
-
|
|
17587
|
-
|
|
17588
|
-
|
|
17589
|
-
|
|
17590
|
-
|
|
17591
|
-
|
|
17592
|
-
|
|
17593
|
-
|
|
17594
|
-
|
|
17595
|
-
|
|
17414
|
+
.v-chip__overlay {
|
|
17415
|
+
position: absolute;
|
|
17416
|
+
top: 0;
|
|
17417
|
+
left: 0;
|
|
17418
|
+
width: 100%;
|
|
17419
|
+
height: 100%;
|
|
17420
|
+
background-color: currentColor;
|
|
17421
|
+
border-radius: inherit;
|
|
17422
|
+
pointer-events: none;
|
|
17423
|
+
opacity: 0;
|
|
17424
|
+
transition: opacity 0.2s ease-in-out;
|
|
17596
17425
|
}
|
|
17597
17426
|
|
|
17598
|
-
.v-chip
|
|
17599
|
-
|
|
17600
|
-
|
|
17601
|
-
|
|
17602
|
-
|
|
17603
|
-
}
|
|
17604
|
-
.v-chip.v-chip--size-small .v-chip__filter,
|
|
17605
|
-
.v-chip.v-chip--size-small .v-chip__prepend,
|
|
17606
|
-
.v-chip.v-chip--size-small .v-icon--start {
|
|
17607
|
-
margin-inline-start: -5px;
|
|
17608
|
-
}
|
|
17609
|
-
.v-chip.v-chip--size-small .v-avatar--start {
|
|
17610
|
-
margin-inline-start: -7px;
|
|
17611
|
-
}
|
|
17612
|
-
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
|
|
17613
|
-
margin-inline-start: -10px;
|
|
17427
|
+
.v-chip--disabled {
|
|
17428
|
+
opacity: 0.3;
|
|
17429
|
+
pointer-events: none;
|
|
17430
|
+
-webkit-user-select: none;
|
|
17431
|
+
user-select: none;
|
|
17614
17432
|
}
|
|
17615
17433
|
|
|
17616
|
-
.v-chip
|
|
17617
|
-
|
|
17618
|
-
.v-chip
|
|
17619
|
-
|
|
17620
|
-
|
|
17621
|
-
|
|
17434
|
+
.v-chip--label {
|
|
17435
|
+
border-radius: 4px;
|
|
17436
|
+
}.v-chip-group {
|
|
17437
|
+
display: flex;
|
|
17438
|
+
max-width: 100%;
|
|
17439
|
+
min-width: 0;
|
|
17440
|
+
overflow-x: auto;
|
|
17441
|
+
padding: 4px 0;
|
|
17442
|
+
flex-wrap: wrap;
|
|
17622
17443
|
}
|
|
17623
|
-
.v-chip
|
|
17624
|
-
margin
|
|
17444
|
+
.v-chip-group .v-chip {
|
|
17445
|
+
margin: 4px 8px 4px 0;
|
|
17625
17446
|
}
|
|
17626
|
-
.v-chip
|
|
17627
|
-
|
|
17447
|
+
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
|
|
17448
|
+
opacity: var(--v-activated-opacity);
|
|
17628
17449
|
}
|
|
17629
17450
|
|
|
17630
|
-
.v-chip
|
|
17631
|
-
|
|
17632
|
-
|
|
17633
|
-
|
|
17634
|
-
|
|
17451
|
+
.v-chip-group--column {
|
|
17452
|
+
flex-wrap: wrap;
|
|
17453
|
+
white-space: normal;
|
|
17454
|
+
}.v-color-picker {
|
|
17455
|
+
align-self: flex-start;
|
|
17456
|
+
contain: content;
|
|
17635
17457
|
}
|
|
17636
|
-
.v-
|
|
17637
|
-
--v-
|
|
17458
|
+
.v-color-picker.v-sheet {
|
|
17459
|
+
box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17460
|
+
border-radius: 4px;
|
|
17638
17461
|
}
|
|
17639
|
-
|
|
17640
|
-
|
|
17462
|
+
|
|
17463
|
+
.v-color-picker__controls {
|
|
17464
|
+
display: flex;
|
|
17465
|
+
flex-direction: column;
|
|
17466
|
+
padding: 16px;
|
|
17641
17467
|
}
|
|
17642
17468
|
|
|
17643
|
-
.v-
|
|
17644
|
-
|
|
17645
|
-
.v-chip.v-chip--size-default > .v-avatar--start,
|
|
17646
|
-
.v-chip.v-chip--size-default > .v-icon--start {
|
|
17647
|
-
margin-inline-end: 6px;
|
|
17469
|
+
.v-color-picker--flat {
|
|
17470
|
+
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17648
17471
|
}
|
|
17649
|
-
.v-
|
|
17650
|
-
|
|
17651
|
-
.v-
|
|
17652
|
-
margin-
|
|
17472
|
+
.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
|
|
17473
|
+
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17474
|
+
}.v-input--density-default {
|
|
17475
|
+
--combobox-chips-margin-bottom: 0px;
|
|
17653
17476
|
}
|
|
17654
|
-
|
|
17655
|
-
|
|
17477
|
+
|
|
17478
|
+
.v-input--density-comfortable {
|
|
17479
|
+
--combobox-chips-margin-bottom: 2px;
|
|
17656
17480
|
}
|
|
17657
|
-
|
|
17658
|
-
|
|
17481
|
+
|
|
17482
|
+
.v-input--density-compact {
|
|
17483
|
+
--combobox-chips-margin-bottom: 4px;
|
|
17659
17484
|
}
|
|
17660
17485
|
|
|
17661
|
-
.v-
|
|
17662
|
-
.v-
|
|
17663
|
-
.v-
|
|
17664
|
-
|
|
17665
|
-
margin-inline-start: 6px;
|
|
17666
|
-
margin-inline-end: -6px;
|
|
17486
|
+
.v-combobox .v-field .v-text-field__prefix,
|
|
17487
|
+
.v-combobox .v-field .v-text-field__suffix,
|
|
17488
|
+
.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
|
|
17489
|
+
cursor: text;
|
|
17667
17490
|
}
|
|
17668
|
-
.v-
|
|
17669
|
-
|
|
17491
|
+
.v-combobox .v-field .v-field__input > input {
|
|
17492
|
+
align-self: flex-start;
|
|
17493
|
+
flex: 1 1;
|
|
17670
17494
|
}
|
|
17671
|
-
.v-
|
|
17672
|
-
margin-inline-start:
|
|
17495
|
+
.v-combobox .v-field .v-field__append-inner > .v-icon {
|
|
17496
|
+
margin-inline-start: 4px;
|
|
17497
|
+
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
17673
17498
|
}
|
|
17674
|
-
|
|
17675
|
-
|
|
17676
|
-
--v-chip-size: 1rem;
|
|
17677
|
-
--v-chip-height: 38px;
|
|
17678
|
-
font-size: 1rem;
|
|
17679
|
-
padding: 0 14px;
|
|
17499
|
+
.v-combobox .v-field:not(.v-field--focused) input {
|
|
17500
|
+
min-width: 0;
|
|
17680
17501
|
}
|
|
17681
|
-
.v-
|
|
17682
|
-
|
|
17502
|
+
.v-combobox .v-field--dirty .v-combobox__selection {
|
|
17503
|
+
margin-inline-end: 2px;
|
|
17683
17504
|
}
|
|
17684
|
-
.v-
|
|
17685
|
-
|
|
17505
|
+
.v-combobox .v-field--single-line .v-combobox__selection-text {
|
|
17506
|
+
overflow: hidden;
|
|
17507
|
+
text-overflow: ellipsis;
|
|
17508
|
+
white-space: nowrap;
|
|
17686
17509
|
}
|
|
17687
17510
|
|
|
17688
|
-
.v-
|
|
17689
|
-
|
|
17690
|
-
|
|
17691
|
-
|
|
17692
|
-
margin-inline-end: 7px;
|
|
17511
|
+
.v-combobox__content {
|
|
17512
|
+
overflow: hidden;
|
|
17513
|
+
box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17514
|
+
border-radius: 4px;
|
|
17693
17515
|
}
|
|
17694
|
-
.v-
|
|
17695
|
-
|
|
17696
|
-
.v-chip.v-chip--size-large .v-icon--start {
|
|
17697
|
-
margin-inline-start: -7px;
|
|
17516
|
+
.v-combobox__mask {
|
|
17517
|
+
background: rgb(var(--v-theme-on-surface-variant));
|
|
17698
17518
|
}
|
|
17699
|
-
.v-
|
|
17700
|
-
|
|
17519
|
+
.v-combobox__selection {
|
|
17520
|
+
display: inline-flex;
|
|
17521
|
+
letter-spacing: inherit;
|
|
17522
|
+
line-height: inherit;
|
|
17523
|
+
max-width: 100%;
|
|
17701
17524
|
}
|
|
17702
|
-
.v-
|
|
17703
|
-
|
|
17525
|
+
.v-combobox--active-menu .v-field__append-inner > .v-icon {
|
|
17526
|
+
opacity: var(--v-high-emphasis-opacity);
|
|
17527
|
+
transform: rotate(180deg);
|
|
17704
17528
|
}
|
|
17705
|
-
|
|
17706
|
-
|
|
17707
|
-
|
|
17708
|
-
.v-chip.v-chip--size-large > .v-avatar--end,
|
|
17709
|
-
.v-chip.v-chip--size-large > .v-icon--end {
|
|
17710
|
-
margin-inline-start: 7px;
|
|
17711
|
-
margin-inline-end: -7px;
|
|
17529
|
+
.v-combobox--chips .v-combobox__selection {
|
|
17530
|
+
margin-top: 2px;
|
|
17531
|
+
margin-bottom: var(--combobox-chips-margin-bottom);
|
|
17712
17532
|
}
|
|
17713
|
-
.v-
|
|
17714
|
-
margin-inline-
|
|
17533
|
+
.v-combobox--chips .v-combobox__selection:first-child {
|
|
17534
|
+
margin-inline-start: 0;
|
|
17715
17535
|
}
|
|
17716
|
-
.v-
|
|
17717
|
-
|
|
17536
|
+
.v-combobox--selecting-index .v-combobox__selection {
|
|
17537
|
+
opacity: var(--v-medium-emphasis-opacity);
|
|
17718
17538
|
}
|
|
17719
|
-
|
|
17720
|
-
|
|
17721
|
-
--v-chip-size: 1.125rem;
|
|
17722
|
-
--v-chip-height: 44px;
|
|
17723
|
-
font-size: 1.125rem;
|
|
17724
|
-
padding: 0 17px;
|
|
17539
|
+
.v-combobox--selecting-index .v-combobox__selection--selected {
|
|
17540
|
+
opacity: 1;
|
|
17725
17541
|
}
|
|
17726
|
-
.v-
|
|
17727
|
-
|
|
17542
|
+
.v-combobox--selecting-index .v-field__input > input {
|
|
17543
|
+
caret-color: transparent !important;
|
|
17728
17544
|
}
|
|
17729
|
-
.v-
|
|
17730
|
-
|
|
17545
|
+
.v-combobox--single.v-text-field input {
|
|
17546
|
+
flex: 1 1;
|
|
17547
|
+
position: absolute;
|
|
17548
|
+
left: 0;
|
|
17549
|
+
right: 0;
|
|
17550
|
+
width: 100%;
|
|
17551
|
+
padding-inline-start: inherit;
|
|
17552
|
+
padding-inline-end: inherit;
|
|
17731
17553
|
}
|
|
17732
|
-
|
|
17733
|
-
|
|
17734
|
-
.v-chip.v-chip--size-x-large .v-chip__prepend,
|
|
17735
|
-
.v-chip.v-chip--size-x-large > .v-avatar--start,
|
|
17736
|
-
.v-chip.v-chip--size-x-large > .v-icon--start {
|
|
17737
|
-
margin-inline-end: 8.5px;
|
|
17554
|
+
.v-combobox--single .v-field--active input {
|
|
17555
|
+
transition: none;
|
|
17738
17556
|
}
|
|
17739
|
-
.v-
|
|
17740
|
-
|
|
17741
|
-
.v-chip.v-chip--size-x-large .v-icon--start {
|
|
17742
|
-
margin-inline-start: -8.5px;
|
|
17557
|
+
.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
|
|
17558
|
+
opacity: 0;
|
|
17743
17559
|
}
|
|
17744
|
-
.v-
|
|
17745
|
-
|
|
17560
|
+
.v-combobox--single .v-field--focused .v-combobox__selection {
|
|
17561
|
+
opacity: 0;
|
|
17562
|
+
}.v-counter {
|
|
17563
|
+
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
|
17564
|
+
flex: 0 1 auto;
|
|
17565
|
+
font-size: 12px;
|
|
17566
|
+
transition-duration: 150ms;
|
|
17567
|
+
}/** if false, disabled buttons will be greyed out */
|
|
17568
|
+
.v-btn {
|
|
17569
|
+
align-items: center;
|
|
17570
|
+
border-radius: 4px;
|
|
17571
|
+
display: inline-grid;
|
|
17572
|
+
grid-template-areas: "prepend content append";
|
|
17573
|
+
grid-template-columns: max-content auto max-content;
|
|
17574
|
+
font-weight: 500;
|
|
17575
|
+
justify-content: center;
|
|
17576
|
+
letter-spacing: 0.0892857143em;
|
|
17577
|
+
line-height: normal;
|
|
17578
|
+
max-width: 100%;
|
|
17579
|
+
outline: none;
|
|
17580
|
+
position: relative;
|
|
17581
|
+
text-decoration: none;
|
|
17582
|
+
text-indent: 0.0892857143em;
|
|
17583
|
+
text-transform: uppercase;
|
|
17584
|
+
transition-property: box-shadow, transform, opacity, background;
|
|
17585
|
+
transition-duration: 0.28s;
|
|
17586
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
17587
|
+
-webkit-user-select: none;
|
|
17588
|
+
user-select: none;
|
|
17589
|
+
vertical-align: middle;
|
|
17590
|
+
flex-shrink: 0;
|
|
17591
|
+
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
17592
|
+
border-style: solid;
|
|
17593
|
+
border-width: 0;
|
|
17594
|
+
}
|
|
17595
|
+
.v-btn--size-x-small {
|
|
17596
|
+
--v-btn-size: 0.625rem;
|
|
17597
|
+
--v-btn-height: 20px;
|
|
17598
|
+
font-size: 0.625rem;
|
|
17599
|
+
min-width: 36px;
|
|
17600
|
+
padding: 0 8px;
|
|
17746
17601
|
}
|
|
17747
|
-
|
|
17748
|
-
|
|
17602
|
+
|
|
17603
|
+
.v-btn--size-small {
|
|
17604
|
+
--v-btn-size: 0.75rem;
|
|
17605
|
+
--v-btn-height: 28px;
|
|
17606
|
+
font-size: 0.75rem;
|
|
17607
|
+
min-width: 50px;
|
|
17608
|
+
padding: 0 12px;
|
|
17749
17609
|
}
|
|
17750
17610
|
|
|
17751
|
-
.v-
|
|
17752
|
-
|
|
17753
|
-
|
|
17754
|
-
|
|
17755
|
-
|
|
17756
|
-
|
|
17611
|
+
.v-btn--size-default {
|
|
17612
|
+
--v-btn-size: 0.875rem;
|
|
17613
|
+
--v-btn-height: 36px;
|
|
17614
|
+
font-size: 0.875rem;
|
|
17615
|
+
min-width: 64px;
|
|
17616
|
+
padding: 0 16px;
|
|
17757
17617
|
}
|
|
17758
|
-
|
|
17759
|
-
|
|
17618
|
+
|
|
17619
|
+
.v-btn--size-large {
|
|
17620
|
+
--v-btn-size: 1rem;
|
|
17621
|
+
--v-btn-height: 44px;
|
|
17622
|
+
font-size: 1rem;
|
|
17623
|
+
min-width: 78px;
|
|
17624
|
+
padding: 0 20px;
|
|
17760
17625
|
}
|
|
17761
|
-
|
|
17762
|
-
|
|
17626
|
+
|
|
17627
|
+
.v-btn--size-x-large {
|
|
17628
|
+
--v-btn-size: 1.125rem;
|
|
17629
|
+
--v-btn-height: 52px;
|
|
17630
|
+
font-size: 1.125rem;
|
|
17631
|
+
min-width: 92px;
|
|
17632
|
+
padding: 0 24px;
|
|
17763
17633
|
}
|
|
17764
17634
|
|
|
17765
|
-
.v-
|
|
17766
|
-
height: calc(var(--v-
|
|
17635
|
+
.v-btn.v-btn--density-default {
|
|
17636
|
+
height: calc(var(--v-btn-height) + 0px);
|
|
17767
17637
|
}
|
|
17768
17638
|
|
|
17769
|
-
.v-
|
|
17770
|
-
height: calc(var(--v-
|
|
17639
|
+
.v-btn.v-btn--density-comfortable {
|
|
17640
|
+
height: calc(var(--v-btn-height) + -8px);
|
|
17771
17641
|
}
|
|
17772
17642
|
|
|
17773
|
-
.v-
|
|
17774
|
-
height: calc(var(--v-
|
|
17643
|
+
.v-btn.v-btn--density-compact {
|
|
17644
|
+
height: calc(var(--v-btn-height) + -12px);
|
|
17775
17645
|
}
|
|
17776
17646
|
|
|
17777
|
-
.v-
|
|
17647
|
+
.v-btn--border {
|
|
17648
|
+
border-width: thin;
|
|
17649
|
+
box-shadow: none;
|
|
17650
|
+
}
|
|
17651
|
+
.v-btn--absolute {
|
|
17652
|
+
position: absolute;
|
|
17653
|
+
}
|
|
17654
|
+
.v-btn--fixed {
|
|
17655
|
+
position: fixed;
|
|
17656
|
+
}
|
|
17657
|
+
.v-btn:hover > .v-btn__overlay {
|
|
17778
17658
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
17779
17659
|
}
|
|
17780
|
-
.v-
|
|
17660
|
+
.v-btn:focus-visible > .v-btn__overlay {
|
|
17781
17661
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
17782
17662
|
}
|
|
17783
17663
|
@supports not selector(:focus-visible) {
|
|
17784
|
-
.v-
|
|
17664
|
+
.v-btn:focus > .v-btn__overlay {
|
|
17785
17665
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
17786
17666
|
}
|
|
17787
17667
|
}
|
|
17788
|
-
.v-
|
|
17668
|
+
.v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
|
|
17789
17669
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
17790
17670
|
}
|
|
17791
|
-
.v-
|
|
17671
|
+
.v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
|
|
17792
17672
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
17793
17673
|
}
|
|
17794
|
-
.v-
|
|
17674
|
+
.v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
|
|
17795
17675
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
17796
17676
|
}
|
|
17797
17677
|
@supports not selector(:focus-visible) {
|
|
17798
|
-
.v-
|
|
17678
|
+
.v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
|
|
17799
17679
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
17800
17680
|
}
|
|
17801
17681
|
}
|
|
17802
|
-
.v-
|
|
17682
|
+
.v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
|
|
17803
17683
|
background: transparent;
|
|
17804
17684
|
color: inherit;
|
|
17805
17685
|
}
|
|
17806
|
-
.v-
|
|
17807
|
-
opacity: 0.
|
|
17686
|
+
.v-btn--variant-plain {
|
|
17687
|
+
opacity: 0.62;
|
|
17808
17688
|
}
|
|
17809
|
-
.v-
|
|
17689
|
+
.v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
|
|
17810
17690
|
opacity: 1;
|
|
17811
17691
|
}
|
|
17812
|
-
.v-
|
|
17692
|
+
.v-btn--variant-plain .v-btn__overlay {
|
|
17813
17693
|
display: none;
|
|
17814
17694
|
}
|
|
17815
|
-
.v-
|
|
17816
|
-
background: rgb(var(--v-theme-surface
|
|
17817
|
-
color:
|
|
17695
|
+
.v-btn--variant-elevated, .v-btn--variant-flat {
|
|
17696
|
+
background: rgb(var(--v-theme-surface));
|
|
17697
|
+
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
17818
17698
|
}
|
|
17819
|
-
.v-
|
|
17820
|
-
box-shadow: 0px
|
|
17699
|
+
.v-btn--variant-elevated {
|
|
17700
|
+
box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17821
17701
|
}
|
|
17822
|
-
.v-
|
|
17702
|
+
.v-btn--variant-flat {
|
|
17823
17703
|
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17824
17704
|
}
|
|
17825
|
-
.v-
|
|
17705
|
+
.v-btn--variant-outlined {
|
|
17826
17706
|
border: thin solid currentColor;
|
|
17827
17707
|
}
|
|
17828
|
-
.v-
|
|
17708
|
+
.v-btn--variant-text .v-btn__overlay {
|
|
17829
17709
|
background: currentColor;
|
|
17830
17710
|
}
|
|
17831
|
-
.v-
|
|
17711
|
+
.v-btn--variant-tonal .v-btn__underlay {
|
|
17832
17712
|
background: currentColor;
|
|
17833
17713
|
opacity: var(--v-activated-opacity);
|
|
17834
17714
|
border-radius: inherit;
|
|
@@ -17839,193 +17719,264 @@ html.overflow-y-hidden {
|
|
|
17839
17719
|
left: 0;
|
|
17840
17720
|
pointer-events: none;
|
|
17841
17721
|
}
|
|
17842
|
-
|
|
17843
|
-
|
|
17722
|
+
@supports selector(:focus-visible) {
|
|
17723
|
+
.v-btn::after {
|
|
17724
|
+
content: "";
|
|
17725
|
+
position: absolute;
|
|
17726
|
+
top: 0;
|
|
17727
|
+
left: 0;
|
|
17728
|
+
width: 100%;
|
|
17729
|
+
height: 100%;
|
|
17730
|
+
pointer-events: none;
|
|
17731
|
+
border: 2px solid currentColor;
|
|
17732
|
+
border-radius: inherit;
|
|
17733
|
+
opacity: 0;
|
|
17734
|
+
transition: opacity 0.2s ease-in-out;
|
|
17735
|
+
}
|
|
17736
|
+
.v-btn:focus-visible::after {
|
|
17737
|
+
opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
|
|
17738
|
+
}
|
|
17844
17739
|
}
|
|
17845
|
-
.v-
|
|
17846
|
-
|
|
17740
|
+
.v-btn--icon {
|
|
17741
|
+
border-radius: 50%;
|
|
17742
|
+
min-width: 0;
|
|
17743
|
+
padding: 0;
|
|
17847
17744
|
}
|
|
17848
|
-
.v-
|
|
17849
|
-
-
|
|
17850
|
-
user-select: none;
|
|
17745
|
+
.v-btn--icon.v-btn--size-default {
|
|
17746
|
+
font-size: 1rem;
|
|
17851
17747
|
}
|
|
17852
|
-
.v-
|
|
17853
|
-
|
|
17748
|
+
.v-btn--icon.v-btn--density-default {
|
|
17749
|
+
width: calc(var(--v-btn-height) + 12px);
|
|
17750
|
+
height: calc(var(--v-btn-height) + 12px);
|
|
17854
17751
|
}
|
|
17855
|
-
|
|
17856
|
-
|
|
17857
|
-
|
|
17858
|
-
|
|
17859
|
-
.v-
|
|
17860
|
-
|
|
17861
|
-
|
|
17752
|
+
.v-btn--icon.v-btn--density-comfortable {
|
|
17753
|
+
width: calc(var(--v-btn-height) + 0px);
|
|
17754
|
+
height: calc(var(--v-btn-height) + 0px);
|
|
17755
|
+
}
|
|
17756
|
+
.v-btn--icon.v-btn--density-compact {
|
|
17757
|
+
width: calc(var(--v-btn-height) + -8px);
|
|
17758
|
+
height: calc(var(--v-btn-height) + -8px);
|
|
17862
17759
|
}
|
|
17863
17760
|
|
|
17864
|
-
.v-
|
|
17865
|
-
|
|
17866
|
-
flex: 0 1 auto;
|
|
17867
|
-
font-size: 18px;
|
|
17868
|
-
max-height: 18px;
|
|
17869
|
-
max-width: 18px;
|
|
17870
|
-
-webkit-user-select: none;
|
|
17871
|
-
user-select: none;
|
|
17761
|
+
.v-btn--elevated:hover, .v-btn--elevated:focus {
|
|
17762
|
+
box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17872
17763
|
}
|
|
17873
|
-
.v-
|
|
17874
|
-
|
|
17764
|
+
.v-btn--elevated:active {
|
|
17765
|
+
box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17875
17766
|
}
|
|
17876
|
-
|
|
17877
|
-
|
|
17878
|
-
transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
17767
|
+
.v-btn--flat {
|
|
17768
|
+
box-shadow: none;
|
|
17879
17769
|
}
|
|
17880
|
-
|
|
17881
|
-
|
|
17882
|
-
|
|
17883
|
-
|
|
17884
|
-
|
|
17885
|
-
|
|
17886
|
-
height: 100%;
|
|
17887
|
-
background-color: currentColor;
|
|
17888
|
-
border-radius: inherit;
|
|
17770
|
+
.v-btn--block {
|
|
17771
|
+
display: flex;
|
|
17772
|
+
flex: 1 0 auto;
|
|
17773
|
+
min-width: 100%;
|
|
17774
|
+
}
|
|
17775
|
+
.v-btn--disabled {
|
|
17889
17776
|
pointer-events: none;
|
|
17890
|
-
opacity: 0;
|
|
17891
|
-
transition: opacity 0.2s ease-in-out;
|
|
17777
|
+
opacity: 0.26;
|
|
17892
17778
|
}
|
|
17893
|
-
|
|
17894
|
-
|
|
17895
|
-
opacity:
|
|
17779
|
+
.v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
|
|
17780
|
+
box-shadow: none;
|
|
17781
|
+
opacity: 1;
|
|
17782
|
+
color: rgba(var(--v-theme-on-surface), 0.26);
|
|
17783
|
+
background: rgb(var(--v-theme-surface));
|
|
17784
|
+
}
|
|
17785
|
+
.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
|
|
17786
|
+
opacity: 0.4615384615;
|
|
17787
|
+
}
|
|
17788
|
+
.v-btn--loading {
|
|
17896
17789
|
pointer-events: none;
|
|
17897
|
-
-webkit-user-select: none;
|
|
17898
|
-
user-select: none;
|
|
17899
17790
|
}
|
|
17900
|
-
|
|
17901
|
-
.v-
|
|
17902
|
-
|
|
17903
|
-
|
|
17904
|
-
display: flex;
|
|
17905
|
-
max-width: 100%;
|
|
17906
|
-
min-width: 0;
|
|
17907
|
-
overflow-x: auto;
|
|
17908
|
-
padding: 4px 0;
|
|
17909
|
-
flex-wrap: wrap;
|
|
17791
|
+
.v-btn--loading .v-btn__content,
|
|
17792
|
+
.v-btn--loading .v-btn__prepend,
|
|
17793
|
+
.v-btn--loading .v-btn__append {
|
|
17794
|
+
opacity: 0;
|
|
17910
17795
|
}
|
|
17911
|
-
.v-
|
|
17912
|
-
|
|
17796
|
+
.v-btn--stacked {
|
|
17797
|
+
grid-template-areas: "prepend" "content" "append";
|
|
17798
|
+
grid-template-columns: auto;
|
|
17799
|
+
grid-template-rows: max-content max-content max-content;
|
|
17800
|
+
justify-items: center;
|
|
17801
|
+
align-content: center;
|
|
17913
17802
|
}
|
|
17914
|
-
.v-
|
|
17915
|
-
|
|
17803
|
+
.v-btn--stacked .v-btn__content {
|
|
17804
|
+
flex-direction: column;
|
|
17805
|
+
line-height: 1.25;
|
|
17916
17806
|
}
|
|
17917
|
-
|
|
17918
|
-
.v-
|
|
17919
|
-
|
|
17920
|
-
|
|
17921
|
-
|
|
17922
|
-
|
|
17923
|
-
|
|
17807
|
+
.v-btn--stacked .v-btn__prepend,
|
|
17808
|
+
.v-btn--stacked .v-btn__append,
|
|
17809
|
+
.v-btn--stacked .v-btn__content > .v-icon--start,
|
|
17810
|
+
.v-btn--stacked .v-btn__content > .v-icon--end {
|
|
17811
|
+
margin-inline-start: 0;
|
|
17812
|
+
margin-inline-end: 0;
|
|
17813
|
+
}
|
|
17814
|
+
.v-btn--stacked .v-btn__prepend,
|
|
17815
|
+
.v-btn--stacked .v-btn__content > .v-icon--start {
|
|
17816
|
+
margin-bottom: 4px;
|
|
17817
|
+
}
|
|
17818
|
+
.v-btn--stacked .v-btn__append,
|
|
17819
|
+
.v-btn--stacked .v-btn__content > .v-icon--end {
|
|
17820
|
+
margin-top: 4px;
|
|
17924
17821
|
}
|
|
17925
|
-
.v-
|
|
17926
|
-
|
|
17927
|
-
|
|
17822
|
+
.v-btn--stacked.v-btn--size-x-small {
|
|
17823
|
+
--v-btn-size: 0.625rem;
|
|
17824
|
+
--v-btn-height: 56px;
|
|
17825
|
+
font-size: 0.625rem;
|
|
17826
|
+
min-width: 56px;
|
|
17827
|
+
padding: 0 12px;
|
|
17928
17828
|
}
|
|
17929
17829
|
|
|
17930
|
-
.v-
|
|
17931
|
-
|
|
17932
|
-
|
|
17933
|
-
|
|
17830
|
+
.v-btn--stacked.v-btn--size-small {
|
|
17831
|
+
--v-btn-size: 0.75rem;
|
|
17832
|
+
--v-btn-height: 64px;
|
|
17833
|
+
font-size: 0.75rem;
|
|
17834
|
+
min-width: 64px;
|
|
17835
|
+
padding: 0 14px;
|
|
17934
17836
|
}
|
|
17935
17837
|
|
|
17936
|
-
.v-
|
|
17937
|
-
|
|
17838
|
+
.v-btn--stacked.v-btn--size-default {
|
|
17839
|
+
--v-btn-size: 0.875rem;
|
|
17840
|
+
--v-btn-height: 72px;
|
|
17841
|
+
font-size: 0.875rem;
|
|
17842
|
+
min-width: 72px;
|
|
17843
|
+
padding: 0 16px;
|
|
17938
17844
|
}
|
|
17939
|
-
|
|
17940
|
-
|
|
17941
|
-
|
|
17942
|
-
--
|
|
17845
|
+
|
|
17846
|
+
.v-btn--stacked.v-btn--size-large {
|
|
17847
|
+
--v-btn-size: 1rem;
|
|
17848
|
+
--v-btn-height: 80px;
|
|
17849
|
+
font-size: 1rem;
|
|
17850
|
+
min-width: 80px;
|
|
17851
|
+
padding: 0 18px;
|
|
17943
17852
|
}
|
|
17944
17853
|
|
|
17945
|
-
.v-
|
|
17946
|
-
--
|
|
17854
|
+
.v-btn--stacked.v-btn--size-x-large {
|
|
17855
|
+
--v-btn-size: 1.125rem;
|
|
17856
|
+
--v-btn-height: 88px;
|
|
17857
|
+
font-size: 1.125rem;
|
|
17858
|
+
min-width: 88px;
|
|
17859
|
+
padding: 0 20px;
|
|
17947
17860
|
}
|
|
17948
17861
|
|
|
17949
|
-
.v-
|
|
17950
|
-
--
|
|
17862
|
+
.v-btn--stacked.v-btn--density-default {
|
|
17863
|
+
height: calc(var(--v-btn-height) + 0px);
|
|
17951
17864
|
}
|
|
17952
17865
|
|
|
17953
|
-
.v-
|
|
17954
|
-
|
|
17955
|
-
.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
|
|
17956
|
-
cursor: text;
|
|
17866
|
+
.v-btn--stacked.v-btn--density-comfortable {
|
|
17867
|
+
height: calc(var(--v-btn-height) + -16px);
|
|
17957
17868
|
}
|
|
17958
|
-
|
|
17959
|
-
|
|
17960
|
-
|
|
17869
|
+
|
|
17870
|
+
.v-btn--stacked.v-btn--density-compact {
|
|
17871
|
+
height: calc(var(--v-btn-height) + -24px);
|
|
17961
17872
|
}
|
|
17962
|
-
|
|
17963
|
-
|
|
17964
|
-
|
|
17873
|
+
|
|
17874
|
+
.v-btn--rounded {
|
|
17875
|
+
border-radius: 24px;
|
|
17965
17876
|
}
|
|
17966
|
-
.v-
|
|
17967
|
-
|
|
17877
|
+
.v-btn .v-icon {
|
|
17878
|
+
--v-icon-size-multiplier: 0.8571428571;
|
|
17968
17879
|
}
|
|
17969
|
-
.v-
|
|
17970
|
-
|
|
17880
|
+
.v-btn--icon .v-icon {
|
|
17881
|
+
--v-icon-size-multiplier: 1;
|
|
17971
17882
|
}
|
|
17972
|
-
.v-
|
|
17973
|
-
|
|
17974
|
-
text-overflow: ellipsis;
|
|
17975
|
-
white-space: nowrap;
|
|
17883
|
+
.v-btn--stacked .v-icon {
|
|
17884
|
+
--v-icon-size-multiplier: 1.1428571429;
|
|
17976
17885
|
}
|
|
17977
17886
|
|
|
17978
|
-
.v-
|
|
17979
|
-
|
|
17980
|
-
|
|
17981
|
-
|
|
17887
|
+
.v-btn__loader {
|
|
17888
|
+
align-items: center;
|
|
17889
|
+
display: flex;
|
|
17890
|
+
height: 100%;
|
|
17891
|
+
justify-content: center;
|
|
17892
|
+
left: 0;
|
|
17893
|
+
position: absolute;
|
|
17894
|
+
top: 0;
|
|
17895
|
+
width: 100%;
|
|
17982
17896
|
}
|
|
17983
|
-
|
|
17984
|
-
|
|
17897
|
+
|
|
17898
|
+
.v-btn__content,
|
|
17899
|
+
.v-btn__prepend,
|
|
17900
|
+
.v-btn__append {
|
|
17901
|
+
align-items: center;
|
|
17902
|
+
display: flex;
|
|
17903
|
+
transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
17985
17904
|
}
|
|
17986
|
-
|
|
17987
|
-
|
|
17988
|
-
|
|
17989
|
-
|
|
17990
|
-
|
|
17905
|
+
|
|
17906
|
+
.v-btn__prepend {
|
|
17907
|
+
grid-area: prepend;
|
|
17908
|
+
margin-inline-start: calc(var(--v-btn-height) / -9);
|
|
17909
|
+
margin-inline-end: calc(var(--v-btn-height) / 4.5);
|
|
17991
17910
|
}
|
|
17992
|
-
|
|
17993
|
-
|
|
17994
|
-
|
|
17911
|
+
|
|
17912
|
+
.v-btn__append {
|
|
17913
|
+
grid-area: append;
|
|
17914
|
+
margin-inline-start: calc(var(--v-btn-height) / 4.5);
|
|
17915
|
+
margin-inline-end: calc(var(--v-btn-height) / -9);
|
|
17995
17916
|
}
|
|
17996
|
-
|
|
17997
|
-
|
|
17998
|
-
|
|
17917
|
+
|
|
17918
|
+
.v-btn__content {
|
|
17919
|
+
grid-area: content;
|
|
17920
|
+
justify-content: center;
|
|
17921
|
+
white-space: nowrap;
|
|
17999
17922
|
}
|
|
18000
|
-
.v-
|
|
18001
|
-
margin-inline-start:
|
|
17923
|
+
.v-btn__content > .v-icon--start {
|
|
17924
|
+
margin-inline-start: calc(var(--v-btn-height) / -9);
|
|
17925
|
+
margin-inline-end: calc(var(--v-btn-height) / 4.5);
|
|
18002
17926
|
}
|
|
18003
|
-
.v-
|
|
18004
|
-
|
|
17927
|
+
.v-btn__content > .v-icon--end {
|
|
17928
|
+
margin-inline-start: calc(var(--v-btn-height) / 4.5);
|
|
17929
|
+
margin-inline-end: calc(var(--v-btn-height) / -9);
|
|
18005
17930
|
}
|
|
18006
|
-
.v-
|
|
18007
|
-
|
|
17931
|
+
.v-btn--stacked .v-btn__content {
|
|
17932
|
+
white-space: normal;
|
|
18008
17933
|
}
|
|
18009
|
-
|
|
18010
|
-
|
|
17934
|
+
|
|
17935
|
+
.v-btn__overlay {
|
|
17936
|
+
background-color: currentColor;
|
|
17937
|
+
border-radius: inherit;
|
|
17938
|
+
opacity: 0;
|
|
17939
|
+
transition: opacity 0.2s ease-in-out;
|
|
18011
17940
|
}
|
|
18012
|
-
|
|
18013
|
-
|
|
17941
|
+
|
|
17942
|
+
.v-btn__overlay,
|
|
17943
|
+
.v-btn__underlay {
|
|
18014
17944
|
position: absolute;
|
|
17945
|
+
top: 0;
|
|
18015
17946
|
left: 0;
|
|
18016
|
-
right: 0;
|
|
18017
17947
|
width: 100%;
|
|
18018
|
-
|
|
18019
|
-
|
|
17948
|
+
height: 100%;
|
|
17949
|
+
pointer-events: none;
|
|
18020
17950
|
}
|
|
18021
|
-
|
|
17951
|
+
|
|
17952
|
+
.v-app-bar .v-btn {
|
|
17953
|
+
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17954
|
+
}
|
|
17955
|
+
|
|
17956
|
+
.v-card-actions .v-btn {
|
|
17957
|
+
padding: 0 8px;
|
|
17958
|
+
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
17959
|
+
}
|
|
17960
|
+
.v-card-actions .v-btn ~ .v-btn {
|
|
17961
|
+
margin-inline-start: 0.5rem;
|
|
17962
|
+
}
|
|
17963
|
+
|
|
17964
|
+
.v-banner-actions .v-btn {
|
|
17965
|
+
padding: 0 8px;
|
|
17966
|
+
}
|
|
17967
|
+
|
|
17968
|
+
.v-pagination .v-btn {
|
|
17969
|
+
border-radius: 4px;
|
|
17970
|
+
}
|
|
17971
|
+
.v-btn__overlay {
|
|
18022
17972
|
transition: none;
|
|
18023
17973
|
}
|
|
18024
|
-
.v-
|
|
18025
|
-
opacity:
|
|
17974
|
+
.v-pagination__item--is-active .v-btn__overlay {
|
|
17975
|
+
opacity: var(--v-border-opacity);
|
|
18026
17976
|
}
|
|
18027
|
-
|
|
18028
|
-
|
|
17977
|
+
|
|
17978
|
+
.v-snackbar-actions .v-btn {
|
|
17979
|
+
padding: 0 8px;
|
|
18029
17980
|
}.v-container {
|
|
18030
17981
|
width: 100%;
|
|
18031
17982
|
padding: 16px;
|
|
@@ -18907,11 +18858,6 @@ html.overflow-y-hidden {
|
|
|
18907
18858
|
.offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
|
|
18908
18859
|
margin-right: 91.6666666667%;
|
|
18909
18860
|
}
|
|
18910
|
-
}.v-counter {
|
|
18911
|
-
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
|
18912
|
-
flex: 0 1 auto;
|
|
18913
|
-
font-size: 12px;
|
|
18914
|
-
transition-duration: 150ms;
|
|
18915
18861
|
}.v-dialog {
|
|
18916
18862
|
align-items: center;
|
|
18917
18863
|
justify-content: center;
|
|
@@ -21043,10 +20989,6 @@ html.v-overlay-scroll-blocked {
|
|
|
21043
20989
|
.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
|
|
21044
20990
|
transform: scale(1.25);
|
|
21045
20991
|
}
|
|
21046
|
-
.v-rating__item--focused .v-btn__overlay {
|
|
21047
|
-
display: block;
|
|
21048
|
-
opacity: var(--v-hover-opacity);
|
|
21049
|
-
}
|
|
21050
20992
|
.v-rating__item--half {
|
|
21051
20993
|
overflow: hidden;
|
|
21052
20994
|
position: absolute;
|
|
@@ -22548,6 +22490,60 @@ html.v-overlay-scroll-blocked {
|
|
|
22548
22490
|
}
|
|
22549
22491
|
.v-window-y-reverse-transition-leave-to {
|
|
22550
22492
|
transform: translateY(100%);
|
|
22493
|
+
}.v-bottom-navigation {
|
|
22494
|
+
display: flex;
|
|
22495
|
+
max-width: 100%;
|
|
22496
|
+
overflow: hidden;
|
|
22497
|
+
position: absolute;
|
|
22498
|
+
transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
22499
|
+
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
22500
|
+
border-style: solid;
|
|
22501
|
+
border-width: 0;
|
|
22502
|
+
border-radius: 0;
|
|
22503
|
+
background: rgb(var(--v-theme-surface));
|
|
22504
|
+
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
22505
|
+
}
|
|
22506
|
+
.v-bottom-navigation--border {
|
|
22507
|
+
border-width: thin;
|
|
22508
|
+
box-shadow: none;
|
|
22509
|
+
}
|
|
22510
|
+
.v-bottom-navigation--active {
|
|
22511
|
+
box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
22512
|
+
}
|
|
22513
|
+
|
|
22514
|
+
.v-bottom-navigation__content {
|
|
22515
|
+
display: flex;
|
|
22516
|
+
flex: none;
|
|
22517
|
+
font-size: 0.75rem;
|
|
22518
|
+
justify-content: center;
|
|
22519
|
+
transition: inherit;
|
|
22520
|
+
width: 100%;
|
|
22521
|
+
}
|
|
22522
|
+
.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
|
|
22523
|
+
font-size: inherit;
|
|
22524
|
+
height: 100%;
|
|
22525
|
+
max-width: 168px;
|
|
22526
|
+
min-width: 80px;
|
|
22527
|
+
text-transform: none;
|
|
22528
|
+
transition: inherit;
|
|
22529
|
+
width: auto;
|
|
22530
|
+
border-radius: 0;
|
|
22531
|
+
}
|
|
22532
|
+
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
|
|
22533
|
+
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
|
|
22534
|
+
transition: inherit;
|
|
22535
|
+
}
|
|
22536
|
+
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
|
|
22537
|
+
font-size: 1.5rem;
|
|
22538
|
+
}
|
|
22539
|
+
.v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
|
|
22540
|
+
flex-grow: 1;
|
|
22541
|
+
}
|
|
22542
|
+
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
|
|
22543
|
+
opacity: 0;
|
|
22544
|
+
}
|
|
22545
|
+
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
|
|
22546
|
+
transform: translateY(0.5rem);
|
|
22551
22547
|
}.v-color-picker-canvas {
|
|
22552
22548
|
display: flex;
|
|
22553
22549
|
position: relative;
|