blog/_sass/misc/common-list.scss

46 lines
789 B
SCSS
Raw Normal View History

2019-09-11 06:19:34 +02:00
/**
* Common list
*/
.common-list {
@include relative-font-size(1.0);
min-width: 200px;
ul {
list-style: none;
margin: 0;
}
li {
2020-07-12 10:20:34 +02:00
border-bottom: solid 1px #00000018;
2019-09-11 06:19:34 +02:00
&:last-child {
border-bottom: none;
}
a {
display: flex;
justify-content: space-between;
padding: 8px 12px;
text-decoration: none;
2020-07-12 10:20:34 +02:00
font-weight: normal;
color: $text-color;
2019-09-11 06:19:34 +02:00
transition: background 0.2s;
&:hover {
background: mix($theme-color, #eaeaea, 20%);
2019-09-11 06:19:34 +02:00
}
}
span {
@include relative-font-size(0.8);
display: inline-block;
border-radius: 10px;
align-self: center;
2020-07-12 10:20:34 +02:00
background: #000000bd;
2019-09-11 06:19:34 +02:00
padding: 0px 8px;
margin-left: 20px;
color: $white-color;
}
}
}