feat: change common-list style

This commit is contained in:
jeffreytse 2020-07-12 16:20:34 +08:00
parent bdbdefaaa2
commit 8ca77da4d4

View file

@ -3,10 +3,6 @@
*/ */
.common-list { .common-list {
@include relative-font-size(1.0); @include relative-font-size(1.0);
background: #eaeaea;
box-shadow: 0px 0px 3px 0px #a9a9a9;
border-radius: 3px;
min-width: 200px; min-width: 200px;
ul { ul {
@ -15,7 +11,7 @@
} }
li { li {
border-bottom: solid 1px #fff; border-bottom: solid 1px #00000018;
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
@ -26,8 +22,8 @@
justify-content: space-between; justify-content: space-between;
padding: 8px 12px; padding: 8px 12px;
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: normal;
color: mix($theme-color, #666); color: $text-color;
transition: background 0.2s; transition: background 0.2s;
&:hover { &:hover {
@ -40,7 +36,7 @@
display: inline-block; display: inline-block;
border-radius: 10px; border-radius: 10px;
align-self: center; align-self: center;
background: darken(invert($theme-color), 20%); background: #000000bd;
padding: 0px 8px; padding: 0px 8px;
margin-left: 20px; margin-left: 20px;
color: $white-color; color: $white-color;