ion/Melo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.0.0

Browse Source
This commit is contained in:
lyswhut
2022-10-29 11:36:35 +08:00
parent 66b965d9f7
commit e45cee6596
715 changed files with 57096 additions and 31771 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer-lyric/assets/styles/index.less
+7
View File
@@ -8,6 +8,13 @@ html {
font-size: 16px;
}
:root {
--color-lyric-unplay: rgba(255, 255, 255, 1);
--color-lyric-played: rgba(7, 197, 86, 1);
--color-lyric-shadow: rgba(0, 0, 0, 0.14);
--color-lyric-shadow-font-mode: rgba(0, 0, 0, 0.07);
}
.nobreak {
white-space: nowrap;
}
src/renderer-lyric/assets/styles/layout.less
+37 -2
View File
@@ -7,14 +7,14 @@
white-space: nowrap;
text-overflow: ellipsis;
}
.mixin-ellipsis() {
.mixin-ellipsis(@n: 1) {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-line-clamp: @n;
-webkit-box-orient: vertical;
}
.mixin-ellipsis-2() {
@@ -28,3 +28,38 @@
-webkit-box-orient: vertical;
}
.stroke(@stroke, @color) {
@maxi: @stroke + 1;
.i-loop (@i) when (@i > 0) {
@maxj: @stroke + 1;
.j-loop (@j) when (@j > 0) {
text-shadow+: (@i - 1)*(1px) (@j - 1)*(1px) 0 @color;
text-shadow+: (@i - 1)*(1px) (@j - 1)*(-1px) 0 @color;
text-shadow+: (@i - 1)*(-1px) (@j - 1)*(-1px) 0 @color;
text-shadow+: (@i - 1)*(-1px) (@j - 1)*(1px) 0 @color;
.j-loop(@j - 1);
}
.j-loop (0) {}
.j-loop(@maxj);
.i-loop(@i - 1);
}
.i-loop (0) {}
.i-loop(@maxi);
text-shadow+: 0 0 0 @color;
}
.stroke2(@color) {
text-shadow: 2px 0 @color, -2px 0 @color, 0 2px @color, 0 -2px @color,
1px 1px @color, -1px -1px @color, 1px -1px @color, -1px 1px @color;
}
// .stroke2(@color) {
// text-shadow:
// -1px -1px 0px @color,
// 0px -1px 0px @color,
// 1px -1px 0px @color,
// -1px 0px 0px @color,
// 1px 0px 0px @color,
// -1px 1px 0px @color,
// 0px 1px 0px @color,
// 1px 1px 0px @color;
// }
src/renderer-lyric/assets/styles/variables.less
+3 -61
View File
@@ -1,66 +1,5 @@
@import './colors.less';
@themes: green, yellow, blue, red, pink, purple, orange, grey, ming, blue2;
// Colors
// @color-theme: #03a678;
@color-theme: #07c556;
@color-theme_2: rgba(255, 255, 255, 1);
@color-theme-lyric: @color-theme_2;
@color-theme-lyric_2:@color-theme;
@color-green-theme: #07c556;
@color-green-theme_2: rgba(255, 255, 255, 1);
@color-green-theme-lyric: @color-green-theme_2;
@color-green-theme-lyric_2: @color-green-theme;
@color-yellow-theme: #fffa12;
@color-yellow-theme_2: rgba(255, 255, 255, 1);
@color-yellow-theme-lyric: @color-yellow-theme_2;
@color-yellow-theme-lyric_2: @color-yellow-theme;
@color-blue-theme: #19b5fe;
@color-blue-theme_2: rgba(255, 255, 255, 1);
@color-blue-theme-lyric: @color-blue-theme_2;
@color-blue-theme-lyric_2: @color-blue-theme;
@color-red-theme: #ff1222;
@color-red-theme_2: rgba(255, 255, 255, 1);
@color-red-theme-lyric: @color-red-theme_2;
@color-red-theme-lyric_2: @color-red-theme;
@color-pink-theme: #f1828d;
@color-pink-theme_2: rgba(255, 255, 255, 1);
@color-pink-theme-lyric: @color-pink-theme_2;
@color-pink-theme-lyric_2: @color-pink-theme;
@color-purple-theme: #c851d4;
@color-purple-theme_2: rgba(255, 255, 255, 1);
@color-purple-theme-lyric: @color-purple-theme_2;
@color-purple-theme-lyric_2: @color-purple-theme;
@color-orange-theme: #ffad12;
@color-orange-theme_2: rgba(255, 255, 255, 1);
@color-orange-theme-lyric: @color-orange-theme_2;
@color-orange-theme-lyric_2: @color-orange-theme;
@color-grey-theme: #bdc3c7;
@color-grey-theme_2: rgba(255, 255, 255, 1);
@color-grey-theme-lyric: @color-grey-theme_2;
@color-grey-theme-lyric_2: @color-grey-theme;
@color-ming-theme: #336e7b;
@color-ming-theme_2: rgba(255, 255, 255, 1);
@color-ming-theme-lyric: @color-ming-theme_2;
@color-ming-theme-lyric_2: @color-ming-theme;
@color-blue2-theme: #6b7bd8;
@color-blue2-theme_2: rgba(255, 255, 255, 1);
@color-blue2-theme-lyric: @color-blue2-theme_2;
@color-blue2-theme-lyric_2: @color-blue2-theme;
// Width
@width-app-left: 6.6%;
@@ -78,5 +17,8 @@
@radius-border: 4px;
@transition-theme: .4s ease;
@transition-slow: .6s ease;
@transition-normal: .4s ease;
@transition-fast: .2s ease;
@form-radius: 3px;