Enable Stylelint rules for vendor prefixes

This commit also removes a bunch of vendor prefixes that were in the styles
but are no longer needed since PostCSS and Autoprefixer handles generating
them.

src/assets/css/dashboard.scss

@@ -1,8 +1,6 @@
 .dashboardColumn,
 .dashboardSections {
     flex-direction: column;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
 }
 
 .dashboardFooter {
@@ -16,8 +14,6 @@
 
 progress {
     appearance: none;
-    -moz-appearance: none;
-    -webkit-appearance: none;
     margin: 0;
     background: #ccc !important;
 }
@@ -81,8 +77,7 @@ a[data-role=button] {
     background: #292929 !important;
     background-clip: padding-box;
     -webkit-font-smoothing: antialiased;
-    -webkit-user-select: none;
-    -webkit-background-clip: padding-box;
+    user-select: none;
     cursor: pointer !important;
     font-family: inherit !important;
     font-weight: 500 !important;
@@ -96,23 +91,17 @@ a[data-role=button] {
 div[data-role=controlgroup] a[data-role=button] {
     display: inline-block !important;
     margin: 0 !important;
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
-    -webkit-border-radius: 0;
     border-radius: 0;
 }
 
 div[data-role=controlgroup] a[data-role=button]:first-child {
-    -webkit-border-bottom-left-radius: 0.3125em;
     border-bottom-left-radius: 0.3125em;
-    -webkit-border-top-left-radius: 0.3125em;
     border-top-left-radius: 0.3125em;
 }
 
 div[data-role=controlgroup] a[data-role=button]:last-child {
-    -webkit-border-bottom-right-radius: 0.3125em;
     border-bottom-right-radius: 0.3125em;
-    -webkit-border-top-right-radius: 0.3125em;
     border-top-right-radius: 0.3125em;
 }
 
@@ -191,23 +180,14 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .dashboardSections {
-    display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
-    -webkit-flex-direction: column;
     flex-direction: column;
 }
 
 .dashboardColumn {
-    display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
-    -webkit-flex-direction: column;
     flex-direction: column;
-    -webkit-flex-shrink: 0;
     flex-shrink: 0;
-    -webkit-box-flex: 1;
-    -webkit-flex-grow: 1;
     flex-grow: 1;
 }
 
@@ -216,7 +196,6 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .sessionNowPlayingContent {
-    -webkit-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
@@ -233,7 +212,6 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .dashboardSection {
-    -webkit-flex-shrink: 0;
     flex-shrink: 0;
     margin: 0 0 2em;
 }
@@ -433,7 +411,6 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .disabledUser {
-    -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
 }
 
@@ -449,37 +426,21 @@ div[data-role=controlgroup] a.ui-btn-active {
     margin-left: 5px;
 }
 
-@-webkit-keyframes rotating {
-    from {
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-    }
-
-    to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
 @keyframes rotating {
     from {
-        -webkit-transform: rotate(0);
         transform: rotate(0);
     }
 
     to {
-        -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 .rotatingCircle {
-    -webkit-animation: rotating 2s linear infinite;
     animation: rotating 2s linear infinite;
 }
 
 .pluginPreviewImg {
-    -webkit-box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
     box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
 }
 

src/assets/css/librarybrowser.scss

@@ -82,7 +82,6 @@
 .headerSelectedPlayer,
 .itemMiscInfo,
 .navMenuOptionText {
-    -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
 }
@@ -1529,13 +1528,13 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
 
 .detail-clamp-text {
     overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 12;
-    -webkit-box-orient: vertical;
+    display: flex;
+    flex-direction: column;
+    line-clamp: 12;
 }
 
 @media all and (min-width: 40em) {
     .detail-clamp-text {
-        -webkit-line-clamp: 6;
+        line-clamp: 6;
     }
 }

src/assets/css/metadataeditor.scss

@@ -34,17 +34,13 @@
 
 .jstree-wholerow-hovered {
     background: #38c !important;
-    -webkit-border-radius: 0 !important;
     border-radius: 0 !important;
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
 
 .jstree-default .jstree-hovered {
     background: 0 0 !important;
-    -webkit-border-radius: 0 !important;
     border-radius: 0 !important;
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
     color: #fff !important;
 }

src/assets/css/scrollstyles.scss

@@ -1,6 +1,5 @@
 .scrollX {
     overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
     overflow-y: hidden;
     white-space: nowrap;
 }
@@ -27,13 +26,11 @@
 
 .scrollY {
     overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
     overflow-x: hidden;
 }
 
 .smoothScrollY {
     overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
     overflow-x: hidden;
     scroll-behavior: smooth;
 }

src/assets/css/videoosd.scss

@@ -1,9 +1,6 @@
 .chapterThumbTextContainer,
 .videoOsdBottom {
     user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
 }
 
 .videoOsdBottom {
@@ -53,17 +50,13 @@
 }
 
 .chapterThumbContainer {
-    -webkit-box-shadow: 0 0 1.9vh #000;
     box-shadow: 0 0 1.9vh #000;
-    -webkit-box-flex: 1;
-    -webkit-flex-grow: 1;
     flex-grow: 1;
     position: relative;
 }
 
 .chapterThumb {
     background-position: center center;
-    -webkit-background-size: contain;
     background-size: contain;
     background-repeat: no-repeat;
     border: 0;
@@ -117,13 +110,8 @@
 
 .videoOsdBottom .buttons {
     padding: 0.25em 0 0;
-    display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
-    -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
     align-items: center;
 
     [dir="rtl"] & {
@@ -133,33 +121,24 @@
 
 .osdVolumeSliderContainer {
     width: 9em;
-    -webkit-box-flex: 1;
-    -webkit-flex-grow: 1;
     flex-grow: 1;
 }
 
 .osdMediaInfo,
 .volumeButtons {
     display: flex;
-    display: -webkit-box;
-    display: -webkit-flex;
     align-items: center;
-    -webkit-box-align: center;
 }
 
 .volumeButtons {
     margin: 0 1em 0 0.29em;
     display: flex;
-    -webkit-align-items: center;
     align-items: center;
 }
 
 .osdTimeText {
     margin-left: 1em;
     margin-right: auto;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
 }
 
@@ -170,7 +149,6 @@
 
 .osdMediaInfo {
     display: flex;
-    -webkit-align-items: center;
     align-items: center;
 }
 
@@ -179,23 +157,14 @@
 }
 
 .osdTextContainer {
-    display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
     align-items: center;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
     margin-bottom: 0.7em;
     padding-left: 0.5em;
 }
 
 .osdMainTextContainer {
-    -webkit-box-align: baseline;
-    -webkit-align-items: baseline;
     align-items: baseline;
 }
 
@@ -203,30 +172,13 @@
     margin-left: auto;
 }
 
-@-moz-keyframes spin {
-    100% {
-        -moz-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
-@-webkit-keyframes spin {
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
 @keyframes spin {
     100% {
-        -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 .osdMediaStatus .animate {
-    -webkit-animation: spin 4s linear infinite;
-    -moz-animation: spin 4s linear infinite;
     animation: spin 4s linear infinite;
 }