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.
This commit is contained in:
edvwib
parent
55263e4989
commit
d58f2e8ec4
29 changed files with 14 additions and 489 deletions
|
|
@ -51,14 +51,10 @@ html {
|
|||
.nowPlayingPlaylist,
|
||||
.nowPlayingContextMenu {
|
||||
background: #d5e9f2;
|
||||
-webkit-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 212, 222, 0.94)), color-stop(rgba(235, 250, 254, 0.94)), color-stop(rgba(227, 220, 212, 0.94)), color-stop(rgba(206, 214, 216, 0.94)), to(rgba(192, 211, 218, 0.94)));
|
||||
background: -webkit-linear-gradient(top, rgba(192, 212, 222, 0.94), rgba(235, 250, 254, 0.94), rgba(227, 220, 212, 0.94), rgba(206, 214, 216, 0.94), rgba(192, 211, 218, 0.94));
|
||||
background: -o-linear-gradient(top, rgba(192, 212, 222, 0.94), rgba(235, 250, 254, 0.94), rgba(227, 220, 212, 0.94), rgba(206, 214, 216, 0.94), rgba(192, 211, 218, 0.94));
|
||||
background: linear-gradient(to bottom, rgba(192, 212, 222, 0.94), rgba(235, 250, 254, 0.94), rgba(227, 220, 212, 0.94), rgba(206, 214, 216, 0.94), rgba(192, 211, 218, 0.94));
|
||||
}
|
||||
|
||||
|
|
@ -209,9 +205,6 @@ a[data-role=button] {
|
|||
.playlistSectionButton {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
background: #303030;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#bcbcbc), color-stop(#a7b4b7), color-stop(#beb5a5), color-stop(#adbec2), to(#b9c7cb));
|
||||
background: -webkit-linear-gradient(left, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb);
|
||||
background: -o-linear-gradient(left, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb);
|
||||
background: linear-gradient(to right, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb);
|
||||
}
|
||||
|
||||
|
|
@ -294,7 +287,6 @@ a[data-role=button] {
|
|||
color: inherit;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
border: 0.16em solid rgba(0, 0, 0, 0.158);
|
||||
-webkit-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
|
|
@ -460,7 +452,6 @@ a[data-role=button] {
|
|||
color: #000;
|
||||
background: #fff3a5;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -25,7 +25,6 @@ html {
|
|||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -52,7 +51,6 @@ html {
|
|||
|
||||
.backgroundContainer {
|
||||
background: url(bg.jpg) center top no-repeat #033361;
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
@ -238,9 +236,6 @@ a[data-role=button] {
|
|||
|
||||
.detailRibbon {
|
||||
background: #303030;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#291a31), color-stop(#033664), color-stop(#011432), color-stop(#141a3a), to(#291a31));
|
||||
background: -webkit-linear-gradient(left, #291a31, #033664, #011432, #141a3a, #291a31);
|
||||
background: -o-linear-gradient(left, #291a31, #033664, #011432, #141a3a, #291a31);
|
||||
background: linear-gradient(to right, #291a31, #033664, #011432, #141a3a, #291a31);
|
||||
}
|
||||
|
||||
|
|
@ -291,7 +286,6 @@ a[data-role=button] {
|
|||
color: inherit;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border: 0.16em solid transparent;
|
||||
-webkit-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
|
|
@ -450,7 +444,6 @@ a[data-role=button] {
|
|||
color: #ddd;
|
||||
background: #111;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
|
|
@ -485,7 +478,6 @@ a[data-role=button] {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
|
@ -502,7 +494,6 @@ a[data-role=button] {
|
|||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background: center no-repeat #888;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -25,7 +25,6 @@ html {
|
|||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
|
@ -260,7 +259,6 @@ html {
|
|||
color: inherit;
|
||||
background: #292929;
|
||||
border: 0.16em solid #292929;
|
||||
-webkit-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
|
|
@ -416,7 +414,6 @@ html {
|
|||
color: #ddd;
|
||||
background: #111;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
|
|
@ -443,7 +440,6 @@ html {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
|
@ -460,7 +456,6 @@ html {
|
|||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background: center no-repeat #888;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -30,12 +30,10 @@ html {
|
|||
}
|
||||
|
||||
.osdHeader {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
|
@ -289,7 +287,6 @@ a[data-role=button] {
|
|||
color: inherit;
|
||||
background: #fff;
|
||||
border: 0.16em solid rgba(0, 0, 0, 0.158);
|
||||
-webkit-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
|
|
@ -441,7 +438,6 @@ a[data-role=button] {
|
|||
color: #000;
|
||||
background: #fff3a5;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
|
|
@ -476,7 +472,6 @@ a[data-role=button] {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
|
@ -489,7 +484,6 @@ a[data-role=button] {
|
|||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background: center no-repeat #999;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@ html {
|
|||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -48,7 +47,6 @@ html {
|
|||
|
||||
.backgroundContainer {
|
||||
background: url(bg.jpg) center top no-repeat #030322;
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
@ -321,8 +319,6 @@ a[data-role=button] {
|
|||
|
||||
.detailRibbon {
|
||||
background: #000420;
|
||||
background: -moz-linear-gradient(left, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 68%, #06256f 81%, #000420 100%);
|
||||
background: -webkit-linear-gradient(left, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 68%, #06256f 81%, #000420 100%);
|
||||
background: linear-gradient(to right, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 68%, #06256f 81%, #000420 100%);
|
||||
}
|
||||
|
||||
|
|
@ -373,7 +369,6 @@ a[data-role=button] {
|
|||
color: inherit;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border: 0.16em solid transparent;
|
||||
-webkit-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
|
|
@ -546,7 +541,6 @@ a[data-role=button] {
|
|||
color: #0e0f2d;
|
||||
background: #dbe6ff;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
|
|
@ -598,7 +592,6 @@ a[data-role=button] {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
|
@ -615,7 +608,6 @@ a[data-role=button] {
|
|||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background: center no-repeat #888;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -31,7 +31,6 @@ html {
|
|||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -53,9 +52,6 @@ html {
|
|||
.dialog,
|
||||
.nowPlayingPlaylist,
|
||||
.nowPlayingContextMenu {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#0f3562), color-stop(#1162a4), to(#03215f));
|
||||
background: -webkit-linear-gradient(top, #0f3562, #1162a4, #03215f);
|
||||
background: -o-linear-gradient(top, #0f3562, #1162a4, #03215f);
|
||||
background: linear-gradient(to bottom, #0f3562, #1162a4, #03215f);
|
||||
background-color: #0f3562;
|
||||
}
|
||||
|
|
@ -190,9 +186,6 @@ a[data-role=button] {
|
|||
.formDialogFooter:not(.formDialogFooter-clear),
|
||||
.playlistSectionButton {
|
||||
background: #0c2450;
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#0c2450), to(#081b3b));
|
||||
background: -webkit-linear-gradient(bottom, #0c2450, #081b3b);
|
||||
background: -o-linear-gradient(bottom, #0c2450, #081b3b);
|
||||
background: linear-gradient(to top, #0c2450, #081b3b);
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
|
@ -274,7 +267,6 @@ a[data-role=button] {
|
|||
color: inherit;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border: 0.16em solid rgba(255, 255, 255, 0.135);
|
||||
-webkit-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
|
|
@ -431,7 +423,6 @@ a[data-role=button] {
|
|||
color: #000;
|
||||
background: #fff3a5;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
|
|
@ -467,7 +458,6 @@ a[data-role=button] {
|
|||
|
||||
::-webkit-scrollbar-track {
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
|
|
@ -483,7 +473,6 @@ a[data-role=button] {
|
|||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background: center no-repeat rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue