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

101 lines
1.9 KiB
SCSS

.bd-card {
display: flex;
flex-direction: column;
flex-grow: 1;
background: transparent;
border-bottom: 1px solid rgba(114, 118, 126, 0.3);
min-height: 150px;
color: #b9bbbe;
margin-top: 20px;
padding-bottom: 20px;
.bd-card-header {
margin-bottom: 15px;
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;
min-height: 60px;
color: #8a8c90;
font-size: 12px;
font-weight: 600;
margin-bottom: 5px;
}
.bd-card-footer {
display: flex;
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 {
margin-left: 15px;
.bd-button-group {
.bd-button {
fill: #fff;
width: 30px;
height: 30px;
}
}
}
}
}
.bd-switch-wrapper {
width: 40px;
height: 20px;
.bd-switch::before {
width: 14px;
height: 14px;
}
}
}
.bd-content-author {
.bd-content-author-link {
cursor: pointer;
&:hover {
color: $coldimwhite;
}
}
}
.bd-content-author-links {
padding: 3px 5px;
.bd-popover-inner > :first-child {
display: flex;
flex-direction: row;
}
}