cyp/app/css/library.less

44 lines
581 B
Text
Raw Normal View History

2019-03-25 22:49:23 +08:00
#library {
.component;
2019-03-30 06:36:06 +08:00
2019-04-03 01:19:46 +08:00
header {
white-space: pre; // separator
}
.search {
order: 1;
&.open ~ * { display: none; }
}
2019-04-01 04:02:26 +08:00
.art img, .art .icon {
2019-03-31 06:15:32 +08:00
width: 64px;
2019-04-01 17:18:28 +08:00
}
.art .icon {
filter: drop-shadow(var(--shadow));
2019-04-01 04:02:26 +08:00
}
.group {
cursor: pointer;
h2 { font-weight: normal; }
2019-03-31 05:05:33 +08:00
}
2019-03-30 06:36:06 +08:00
.tiles {
display: grid;
2019-03-30 19:57:01 +08:00
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 2px;
2019-03-30 06:36:06 +08:00
li {
2019-03-30 19:57:01 +08:00
text-align: center;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.08);
2019-03-30 06:36:06 +08:00
height: 200px;
2019-03-30 19:57:01 +08:00
h2 {
font-size: 150%;
margin: 4px 0;
}
2019-03-30 06:36:06 +08:00
}
}
2019-03-25 22:49:23 +08:00
}