feat: lint style files

src/components/Artists/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, tipsHoverColor from colors;
 
 .root {

src/components/Comment/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value blue, tipsHoverColor from colors;
 
 .root {
@@ -31,6 +31,7 @@
   .reply {
     margin-bottom: 10px;
     font-size: 0.9em;
+
     .item {
       width: 100%;
       padding: 8px 10px;

src/components/Layout/Footer/PlayOperations/style.module.css

@@ -1,7 +1,9 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
-.prev, .next, .pause {
+.prev,
+.next,
+.pause {
   cursor: pointer;
 }
 
@@ -25,4 +27,4 @@
   & svg {
     color: #fff;
   }
-}
+}

src/components/Layout/Footer/PlayRecord/List/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, borderColor, nameHoverColor, nameColor from colors;
 
 .name {
@@ -13,6 +13,7 @@
   .text {
     display: flex;
     align-items: center;
+
     span {
       margin-right: 5px;
     }

src/components/Layout/Footer/PlayRecord/style.module.css

@@ -1,7 +1,7 @@
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value footerHeight, headerHeight from constants;
 
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, borderColor from colors;
 
 .root {
@@ -43,7 +43,8 @@
     }
   }
 
-  .active, .active:hover {
+  .active,
+  .active:hover {
     color: #fff;
     background-color: tipsColor;
   }

src/components/Layout/Footer/PlayVolume/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor from colors;
 
 .root {

src/components/Layout/Footer/style.module.css

@@ -1,7 +1,7 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value footerHeight, bodyMinWidth from constants;
 
 .root {
@@ -55,11 +55,11 @@
   .hideLyric {
     display: block;
   }
-  
+
   & img {
     width: 40px;
     height: 40px;
-    margin-right: 10px;;
+    margin-right: 10px;
     border: none;
     border-radius: 5px;
     background-color: #ccc;

src/components/Layout/Header/Navbar/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value grey, black from colors;
 
 .root {

src/components/Layout/Header/Searcher/SearchResult/Item/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, borderColor from colors;
 
 .root {

src/components/Layout/Header/Searcher/Words/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, borderColor from colors;
 
 .root {

src/components/Layout/Header/Searcher/style.module.css

@@ -1,12 +1,9 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value borderColor from colors;
 
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value footerHeight, headerHeight from constants;
 
-.root {
-}
-
 .searcher {
   width: 160px;
   padding: 5px 10px;

src/components/Layout/Header/style.module.css

@@ -1,4 +1,4 @@
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value sidebarWidth, headerHeight, bodyMinWidth from constants;
 
 .root {

src/components/Layout/Sidebar/Menus/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value grey, red from colors;
 
 .tabs {

src/components/Layout/Sidebar/MusicDetail/Lyric/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsHoverColor, black from colors;
 
 .root {
@@ -8,6 +8,7 @@
   white-space: nowrap;
   color: tipsHoverColor;
   font-size: 0.95em;
+
   /* For hide scrollbar */
   padding-right: 17px;
   box-sizing: content-box;

src/components/Layout/Sidebar/MusicDetail/SimiSongs/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, bgColor from colors;
 
 .item {

src/components/Layout/Sidebar/MusicDetail/Songlists/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, bgColor from colors;
 
 .item {

src/components/Layout/Sidebar/MusicDetail/style.module.css

@@ -1,16 +1,18 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red, blue from colors;
 
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value footerHeight, headerHeight, contentMaxWidth from constants;
 
 @keyframes rotate {
   0% {
     transform: rotate(0deg);
   }
+
   50% {
     transform: rotate(180deg);
   }
+
   100% {
     transform: rotate(360deg);
   }
@@ -31,7 +33,8 @@
   top: headerHeight;
 }
 
-.music, .relatedInfo {
+.music,
+.relatedInfo {
   width: 1000px;
   margin: 0 auto;
 }
@@ -94,6 +97,7 @@
       background-color: rgba(0, 0, 0, 0.5);
       animation: rotate 20s linear infinite;
       animation-play-state: paused;
+
       img {
         border-radius: 50%;
       }
@@ -116,6 +120,7 @@
     .artists {
       margin-bottom: 15px;
       font-size: 0.95em;
+
       span {
         color: blue;
       }

src/components/Layout/Sidebar/Songlist/style.module.css

@@ -9,7 +9,7 @@
   .item {
     padding: 8px 20px;
     overflow: hidden;
-    text-overflow:ellipsis;
+    text-overflow: ellipsis;
     white-space: nowrap;
     cursor: default;
     font-size: 0.9em;

src/components/Layout/Sidebar/style.module.css

@@ -1,4 +1,4 @@
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value sidebarWidth, headerHeight, footerHeight from constants;
 
 .root {

src/components/Layout/style.module.css

@@ -1,4 +1,4 @@
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value sidebarWidth, headerHeight, footerHeight from constants;
 
 .middle {
@@ -11,8 +11,9 @@
 .content {
   /* 减去sidebar的宽度 */
   width: calc(100% - sidebarWidth);
+
   /* 减去header和footer的高度 */
-  height: calc(100% - headerHeight - footerHeight); 
+  height: calc(100% - headerHeight - footerHeight);
   margin-top: headerHeight;
   margin-bottom: footerHeight;
   overflow: scroll;

src/components/MusicList/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, tipsHoverColor, red from colors;
 
 .alias {

src/components/Pagination/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red, tipsColor, nameColor, bgColor from colors;
 
 .root {
@@ -33,6 +33,7 @@
   border: 1px solid red;
   background-color: red;
   color: #fff;
+
   &:hover {
     background-color: red;
   }
@@ -41,6 +42,7 @@
 .disabled {
   color: tipsColor;
   cursor: default;
+
   &:hover {
     background-color: #fff;
   }

src/components/PlayIcon/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
 .root {

src/components/ProgressBar/style.module.css

@@ -1,8 +1,9 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
 .root {
   width: 100%;
+
   &:hover {
     .controllDot {
       display: block;
@@ -24,7 +25,6 @@
     height: 12px;
     border-radius: 50%;
     background-color: red;
-    position: relative;
     z-index: 10;
     display: none;
     position: absolute;

src/components/Songlists/SonglistItem/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value nameColor from colors;
 
 .root {

src/components/Table/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsHoverColor, bgColor, tipsColor from colors;
 
 .root {

src/components/Tabs/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value nameColor, nameHoverColor, red, borderColor from colors;
 
 .root {

src/components/VipIcon/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
 .root {

src/pages/Discovery/LatestMusic/Content/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value borderColor, tipsHoverColor, nameHoverColor from colors;
 
 .item {

src/pages/Discovery/LatestMusic/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value nameColor, nameHoverColor, red from colors;
 
 .root {
@@ -16,6 +16,7 @@
     background-color: #f33;
     color: #fff;
     cursor: pointer;
+
     &:hover {
       background-color: red;
     }
@@ -29,12 +30,14 @@
     margin-right: 25px;
     color: nameColor;
     cursor: default;
+
     &:hover {
       color: nameHoverColor;
     }
   }
 
-  .active, .active:hover {
+  .active,
+  .active:hover {
     color: red;
   }
 }

src/pages/Discovery/RecommendDaily/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red, borderColor, nameColor from colors;
 
 .root {

src/pages/Discovery/Recommendation/Banner/BannerItem/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
 .root {

src/pages/Discovery/Recommendation/Banner/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, red from colors;
 
 .root {

src/pages/Discovery/Recommendation/LatestMusic/MusicItem/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value nameColor, tipsColor, tipsHoverColor, borderColor, red from colors;
 
 .root {

src/pages/Discovery/Recommendation/MV/MVItem/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value nameColor, tipsColor, nameHoverColor, tipsHoverColor from colors;
 
 .root {