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

85 lines
1.7 KiB
SCSS
Raw Normal View History

.bd-card {
display: flex;
flex-direction: column;
flex-grow: 1;
background: transparent;
border-bottom: 1px solid rgba(114, 118, 126, 0.3);
padding: 10px 5px;
min-height: 150px;
color: #b9bbbe;
margin-top: 10px;
.bd-card-header {
padding-bottom: 5px;
display: flex;
flex-grow: 0;
font-weight: 700;
align-items: center;
.bd-card-icon {
width: 30px;
height: 30px;
}
> span {
margin-left: 10px;
}
svg {
fill: #afb1b4;
}
}
.bd-card-body {
display: flex;
flex-grow: 1;
flex-direction: column;
.bd-card-description {
flex-grow: 1;
overflow-y: auto;
max-height: 60px;
min-height: 60px;
color: #8a8c90;
font-size: 12px;
font-weight: 600;
padding: 5px;
border-radius: 8px;
margin-top: 5px;
}
.bd-card-footer {
display: flex;
flex-grow: 1;
align-items: flex-end;
.bd-card-extra {
color: rgba(255, 255, 255, 0.15);
font-size: 10px;
font-weight: 700;
flex-grow: 1;
}
.bd-controls {
.bd-button-group {
.bd-button {
fill: #FFF;
width: 30px;
height: 30px;
}
}
}
}
}
.bd-switch-wrapper {
width: 40px;
height: 20px;
2018-02-12 18:45:49 +01:00
.bd-switch::before {
width: 14px;
height: 14px;
}
}
}