vuetify 2.5.4 → 2.5.8

package/dist/vuetify.css

@@ -28,6 +28,7 @@
 
 .v-application {
   display: flex;
+  position: relative;
 }
 .v-application a {
   cursor: pointer;
@@ -84,7 +85,7 @@
   z-index: 5;
 }
 
-.v-app-bar.v-app-bar--hide-shadow {
+.v-app-bar.v-app-bar.v-app-bar--hide-shadow {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
 }
 
@@ -92,9 +93,6 @@
   transition: 0.4s opacity cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.v-app-bar.v-toolbar--prominent.v-app-bar--shrink-on-scroll .v-toolbar__content {
-  will-change: height;
-}
 .v-app-bar.v-toolbar--prominent.v-app-bar--shrink-on-scroll .v-toolbar__image {
   will-change: opacity;
 }
@@ -18087,8 +18085,7 @@ html.overflow-y-hidden {
   background-repeat: no-repeat;
 }
 .v-image__image--preload {
-  -webkit-filter: blur(2px);
-          filter: blur(2px);
+  filter: blur(2px);
 }
 .v-image__image--contain {
   background-size: contain;
@@ -18174,8 +18171,7 @@ html.overflow-y-hidden {
 .v-icon.v-icon {
   align-items: center;
   display: inline-flex;
-  -webkit-font-feature-settings: "liga";
-          font-feature-settings: "liga";
+  font-feature-settings: "liga";
   font-size: 24px;
   justify-content: center;
   letter-spacing: normal;
@@ -18359,9 +18355,6 @@ html.overflow-y-hidden {
   top: 0;
   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
 }
-.v-btn:not(.v-btn--disabled) {
-  will-change: box-shadow;
-}
 .v-btn:not(.v-btn--round).v-size--x-small {
   height: 20px;
   min-width: 36px;
@@ -18695,7 +18688,7 @@ html.overflow-y-hidden {
   }
   100% {
     stroke-dasharray: 100, 200;
-    stroke-dashoffset: -125px;
+    stroke-dashoffset: -124px;
   }
 }
 
@@ -18710,7 +18703,7 @@ html.overflow-y-hidden {
   }
   100% {
     stroke-dasharray: 100, 200;
-    stroke-dashoffset: -125px;
+    stroke-dashoffset: -124px;
   }
 }
 @-webkit-keyframes progress-circular-rotate {
@@ -18974,18 +18967,12 @@ html.overflow-y-hidden {
 .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input {
   color: #FFFFFF;
 }
-.theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-webkit-input-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
 .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-moz-placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
 .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
-.theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-ms-input-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
 .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
@@ -19029,18 +19016,12 @@ html.overflow-y-hidden {
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input {
   color: rgba(0, 0, 0, 0.87);
 }
-.theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-webkit-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
-}
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-moz-placeholder {
   color: rgba(0, 0, 0, 0.38);
 }
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input:-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.38);
 }
-.theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
-}
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::placeholder {
   color: rgba(0, 0, 0, 0.38);
 }
@@ -19402,8 +19383,8 @@ html.overflow-y-hidden {
   position: absolute;
   right: 0;
   top: -5px;
-  transition-duration: 0.3s;
-  transition-property: color, border-width;
+  transition-duration: 0.15s;
+  transition-property: color;
   transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 .v-application--is-ltr .v-text-field--outlined fieldset {
@@ -19546,18 +19527,12 @@ html.overflow-y-hidden {
   position: absolute;
   left: 0;
 }
-.v-select.v-input--is-dirty ::-webkit-input-placeholder {
-  color: transparent !important;
-}
 .v-select.v-input--is-dirty ::-moz-placeholder {
   color: transparent !important;
 }
 .v-select.v-input--is-dirty :-ms-input-placeholder {
   color: transparent !important;
 }
-.v-select.v-input--is-dirty ::-ms-input-placeholder {
-  color: transparent !important;
-}
 .v-select.v-input--is-dirty ::placeholder {
   color: transparent !important;
 }
@@ -19932,7 +19907,6 @@ html.overflow-y-hidden {
   overflow-y: auto;
   overflow-x: hidden;
   contain: content;
-  will-change: transform;
   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
   border-radius: 4px;
 }
@@ -20107,7 +20081,6 @@ html.overflow-y-hidden {
   padding: 8px 0;
   position: static;
   transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-  will-change: box-shadow;
 }
 
 .v-list--disabled {
@@ -20301,7 +20274,7 @@ html.overflow-y-hidden {
   color: rgba(0, 0, 0, 0.38);
 }
 .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
-  color: rgba(0, 0, 0, 0.87) !important;
+  color: rgba(0, 0, 0, 0.87);
 }
 .theme--light.v-list-item .v-list-item__mask {
   color: rgba(0, 0, 0, 0.38);
@@ -20331,7 +20304,7 @@ html.overflow-y-hidden {
   color: rgba(255, 255, 255, 0.5);
 }
 .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .theme--dark.v-list-item .v-list-item__mask {
   color: rgba(255, 255, 255, 0.5);
@@ -20656,20 +20629,10 @@ html.overflow-y-hidden {
 .theme--light.v-input textarea {
   color: rgba(0, 0, 0, 0.87);
 }
-.theme--light.v-input input::-webkit-input-placeholder,
-.theme--light.v-input textarea::-webkit-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
-}
-.theme--light.v-input input::-moz-placeholder,
-.theme--light.v-input textarea::-moz-placeholder {
+.theme--light.v-input input::-moz-placeholder, .theme--light.v-input textarea::-moz-placeholder {
   color: rgba(0, 0, 0, 0.38);
 }
-.theme--light.v-input input:-ms-input-placeholder,
-.theme--light.v-input textarea:-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
-}
-.theme--light.v-input input::-ms-input-placeholder,
-.theme--light.v-input textarea::-ms-input-placeholder {
+.theme--light.v-input input:-ms-input-placeholder, .theme--light.v-input textarea:-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.38);
 }
 .theme--light.v-input input::placeholder,
@@ -20691,20 +20654,10 @@ html.overflow-y-hidden {
 .theme--dark.v-input textarea {
   color: #FFFFFF;
 }
-.theme--dark.v-input input::-webkit-input-placeholder,
-.theme--dark.v-input textarea::-webkit-input-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.theme--dark.v-input input::-moz-placeholder,
-.theme--dark.v-input textarea::-moz-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.theme--dark.v-input input:-ms-input-placeholder,
-.theme--dark.v-input textarea:-ms-input-placeholder {
+.theme--dark.v-input input::-moz-placeholder, .theme--dark.v-input textarea::-moz-placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
-.theme--dark.v-input input::-ms-input-placeholder,
-.theme--dark.v-input textarea::-ms-input-placeholder {
+.theme--dark.v-input input:-ms-input-placeholder, .theme--dark.v-input textarea:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
 .theme--dark.v-input input::placeholder,
@@ -21472,7 +21425,6 @@ html.overflow-y-hidden {
 .v-banner {
   position: relative;
   transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-  will-change: box-shadow;
 }
 
 .v-banner__actions {
@@ -22011,10 +21963,12 @@ html.overflow-y-hidden {
 .v-application--is-rtl .v-btn-toggle > .v-btn.v-btn:not(:last-child) {
   border-left-width: 0;
 }
+.v-btn-toggle .v-btn.v-btn.v-size--default {
+  min-width: 48px;
+  min-height: 0;
+}
 .v-btn-toggle:not(.v-btn-toggle--dense) .v-btn.v-btn.v-size--default {
   height: 48px;
-  min-height: 0;
-  min-width: 48px;
 }
 
 .v-btn-toggle--borderless > .v-btn.v-btn {
@@ -22516,7 +22470,7 @@ html.overflow-y-hidden {
   color: rgba(0, 0, 0, 0.87);
 }
 .theme--light.v-card > .v-card__text,
-.theme--light.v-card .v-card__subtitle {
+.theme--light.v-card > .v-card__subtitle {
   color: rgba(0, 0, 0, 0.6);
 }
 
@@ -22525,7 +22479,7 @@ html.overflow-y-hidden {
   color: #FFFFFF;
 }
 .theme--dark.v-card > .v-card__text,
-.theme--dark.v-card .v-card__subtitle {
+.theme--dark.v-card > .v-card__subtitle {
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -23218,6 +23172,15 @@ html.overflow-y-hidden {
   transform: scale(0.1);
   pointer-events: none;
 }
+.v-slider__thumb::after {
+  content: "";
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 
 .v-slider__ticks-container {
   position: absolute;
@@ -23641,6 +23604,10 @@ html.overflow-y-hidden {
 .v-data-table {
   border-radius: 4px;
 }
+.v-data-table--mobile > .v-data-table__wrapper tbody {
+  display: flex;
+  flex-direction: column;
+}
 .v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded {
   border-bottom: 0;
 }
@@ -24459,7 +24426,6 @@ html.overflow-y-hidden {
   top: 0;
   z-index: -1;
   transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-  will-change: box-shadow;
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .v-expansion-panel:not(:first-child)::after {
@@ -26790,7 +26756,6 @@ html.overflow-y-hidden {
   top: 0;
   transition-duration: 0.2s;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  will-change: transform;
   transition-property: transform, visibility, width;
 }
 .v-navigation-drawer:not([data-booted=true]) {
@@ -27790,7 +27755,7 @@ html.overflow-y-hidden {
   left: auto;
 }
 .v-snack:not(.v-snack--has-background) .v-snack__wrapper {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 .v-snack--bottom {
   top: auto;