keeweb/app/styles/common/_icon-select.scss

44 lines
1.0 KiB
SCSS

.icon-select {
&__items {
display: flex;
align-items: flex-start;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
user-select: none;
padding-bottom: $base-padding-h;
&--custom {
padding-top: $base-padding-h;
border-top: 1px solid var(--light-border-color);
}
}
&__icon {
@include area-selectable(bottom);
width: 26px;
text-align: center;
font-size: 20px;
padding: 10px;
&.icon-select__icon--active {
@include area-selected(bottom);
}
&-btn {
padding: 5px 10px;
> img {
width: 16px;
height: 16px;
}
}
&--custom-selected {
> i {
display: none;
}
}
&--progress > i:before {
content: $fa-var-spinner;
}
&--download-error > i:before {
content: $fa-var-ban;
}
}
}