cyp/app/css/component.less

44 lines
577 B
Text
Raw Normal View History

2019-03-25 22:49:23 +08:00
.component {
height: 100%;
display: flex;
flex-direction: column;
2019-03-26 19:35:47 +08:00
ul {
flex-grow: 1;
overflow: auto;
list-style: none;
margin: 0;
padding: 0;
}
2019-03-30 19:57:01 +08:00
li {
display: flex;
flex-direction: row;
align-items: center;
white-space: nowrap;
}
2019-03-26 19:35:47 +08:00
2019-03-30 19:57:01 +08:00
h2 {
flex-grow: 1;
font-size: 100%;
font-weight: normal;
margin: 0;
2019-03-31 06:15:32 +08:00
margin-left: 4px;
2019-03-30 19:57:01 +08:00
overflow: hidden;
text-overflow: ellipsis;
2019-03-28 22:23:28 +08:00
2019-03-30 19:57:01 +08:00
.icon {
margin-right: 4px;
color: var(--primary);
2019-03-26 19:35:47 +08:00
}
2019-03-30 19:57:01 +08:00
}
2019-03-26 19:35:47 +08:00
2019-03-30 19:57:01 +08:00
li:nth-child(odd) {
background-color: #555;
}
2019-03-29 05:52:57 +08:00
2019-03-30 19:57:01 +08:00
@media (pointer: coarse) {
.icon { width: 32px; }
2019-03-26 19:35:47 +08:00
}
}