56 lines
1.3 KiB
SCSS
56 lines
1.3 KiB
SCSS
.item-list {
|
|
flex: 100%;
|
|
.item {
|
|
.item-header {
|
|
display: flex;
|
|
.item-img {
|
|
flex: 0 0 32px;
|
|
padding-right: 0.25rem;
|
|
img {
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
}
|
|
.item-name {
|
|
flex: 1 1 auto;
|
|
}
|
|
.item-edit,
|
|
.item-delete,
|
|
.technique-edit,
|
|
.technique-delete {
|
|
flex: 0 0 1rem;
|
|
padding: 0 0.25rem;
|
|
}
|
|
.icon-stat-container {
|
|
padding: 0 0.25rem;
|
|
}
|
|
}
|
|
.item-description {
|
|
flex: unset;
|
|
display: block;
|
|
height: 0;
|
|
overflow: hidden;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
transition: height 0.25s ease-in;
|
|
}
|
|
&:hover {
|
|
.item-description {
|
|
height: 5rem;
|
|
overflow-y: auto;
|
|
scrollbar-width: thin;
|
|
}
|
|
}
|
|
p {
|
|
font-size: 0.85rem;
|
|
margin: 0;
|
|
padding: 0 0.5rem;
|
|
max-width: 100%;
|
|
&:first-child {
|
|
padding-top: 0.5rem;
|
|
}
|
|
&:last-child {
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
}
|
|
}
|
|
}
|