53 lines
1.2 KiB
SCSS
53 lines
1.2 KiB
SCSS
@charset "UTF-8";
|
|
/**
|
|
* 桌面歌词样式
|
|
* @authors yutent<yutent@doui.cc>
|
|
* @date 2019/01/17 19:41:52
|
|
*/
|
|
|
|
|
|
@import "./var.scss";
|
|
|
|
.do-fn-drag {-webkit-app-region:drag;user-select: none;}
|
|
.do-fn-nodrag {-webkit-app-region:no-drag;}
|
|
|
|
html {font-size:62.5%}
|
|
body {position:fixed;left:0;top:0;display:flex;width:100%;height:100%;line-height:1.5;background:transparent;font-size:1.4rem;color:nth($cd, 1);
|
|
|
|
|
|
.lrc-box {position:absolute;left:0;top:0;display:flex;flex-flow:column wrap;width:100%;height:100%;padding:0 5rem;line-height:5rem;color:#fff;font-size:3rem;
|
|
|
|
section {flex:1;display:flex;
|
|
|
|
&.left {justify-content:flex-start;}
|
|
&.right {justify-content:flex-end}
|
|
|
|
span {background-clip:text!important;color:transparent;
|
|
|
|
&.shadow {text-shadow:0 0 .5rem rgba(0, 0, 0, .5);}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.touch-bar {position:absolute;left:0;top:0;z-index:9;width:100%;height:2rem;}
|
|
|
|
.quit,
|
|
.lock {visibility:hidden;position:absolute;right:1rem;top:.5rem;font-size:1.8rem;font-weight:bold;
|
|
&:hover {color:nth($cr, 1)}
|
|
}
|
|
.lock {right:4rem;
|
|
|
|
&.actived {color:nth($cp, 3)}
|
|
}
|
|
|
|
|
|
&:hover {background:rgba(29, 35, 44, 0.2);
|
|
|
|
.quit, .lock {visibility:visible;}
|
|
}
|
|
|
|
|
|
|
|
}
|
JavaScript
60.1%
SCSS
19.2%
HTML
16.9%
CSS
3.8%