cyp/app/css/component.less

46 lines
612 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;
}
.grid {
li {
display: flex;
flex-direction: row;
2019-03-26 22:40:23 +08:00
align-items: center;
2019-03-28 22:23:28 +08:00
padding: 0 4px;
2019-03-29 03:28:55 +08:00
white-space: nowrap;
2019-03-29 05:52:57 +08:00
}
2019-03-26 19:35:47 +08:00
2019-03-29 05:52:57 +08:00
h2 {
flex-grow: 1;
font-size: 100%;
font-weight: normal;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
2019-03-28 22:23:28 +08:00
2019-03-29 23:28:26 +08:00
.icon {
margin-right: 4px;
color: var(--primary);
}
2019-03-26 19:35:47 +08:00
}
li:nth-child(odd) {
2019-03-26 22:40:23 +08:00
background-color: #555;
}
2019-03-29 05:52:57 +08:00
@media (pointer: coarse) {
.icon { width: 32px; }
}
2019-03-26 19:35:47 +08:00
}
}