45 lines
913 B
SCSS
45 lines
913 B
SCSS
@charset "UTF-8";
|
|
/**
|
|
* 迷你模式
|
|
* @authors yutent<yutent@doui.cc>
|
|
* @date 2019/01/22 18:01:58
|
|
*/
|
|
|
|
|
|
@import "./var.scss";
|
|
|
|
|
|
#app {display:flex;width:100%;height:100%;
|
|
|
|
.cover {overflow:hidden;flex:0 6rem;box-shadow:0 0 .1rem rgba(0, 0, 0, .1);
|
|
|
|
img {width:100%;}
|
|
}
|
|
.ctrl {flex:1;padding:.8rem;line-height:2.2rem;
|
|
.title {font-weight:normal;font-size:1.2rem}
|
|
.btns {font-size:2.2rem;
|
|
|
|
span:hover {color:nth($co, 1);}
|
|
}
|
|
}
|
|
|
|
.tools,
|
|
.actions {display:flex;justify-content:center;align-items:center;position:absolute;right:.5rem;top:.5rem;line-height:2rem;font-size:1.6rem;text-align:center;color:nth($cgr, 1);
|
|
|
|
span {margin:0 .2rem;
|
|
|
|
&:hover {color:nth($ct, 1)}
|
|
&.close:hover {color:nth($cr, 1)}
|
|
&.active {font-weight:bold;}
|
|
}
|
|
|
|
}
|
|
|
|
.actions {top:auto;bottom:.5rem;
|
|
|
|
span {
|
|
&:nth-child(1) {font-size:1.2rem}
|
|
}
|
|
}
|
|
|
|
} |
JavaScript
60.1%
SCSS
19.2%
HTML
16.9%
CSS
3.8%