BetterDiscordApp-v2/client/src/styles/partials/bdsettings/collection.scss

55 lines
1.1 KiB
SCSS
Raw Normal View History

2018-08-09 19:22:48 +02:00
.bd-formCollection {
display: flex;
flex-direction: column;
div:first-child {
flex: 1 1 auto;
}
.bd-collectionItem {
display: flex;
flex-grow: 1;
margin-top: 5px;
.bd-removeCollectionItem {
width: 20px;
flex: 0 1 auto;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
2018-08-09 22:13:38 +02:00
margin-bottom: 30px;
2018-08-09 19:22:48 +02:00
&:hover {
svg {
fill: #FFF;
}
}
svg {
width: 16px;
height: 16px;
fill: #ccc;
}
}
}
.bd-newCollectionItem {
color: #ccc;
2018-08-09 19:26:37 +02:00
font-size: 24px;
2018-08-09 19:22:48 +02:00
width: 20px;
height: 20px;
margin-top: 5px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
2018-08-09 19:26:37 +02:00
align-self: flex-end;
2018-08-09 19:22:48 +02:00
cursor: pointer;
&:hover {
color: #FFF;
}
}
}