BetterDiscordApp-v2/client/src/styles/partials/generic/forms/colourpickers.scss

43 lines
929 B
SCSS

.bd-colourpickerSwatch {
width: 50px;
height: 30px;
border-radius: 3px;
border: 1px solid hsla(0,0%,100%,.1);
}
.bd-formColourpicker {
position: relative;
.vc-chrome {
position: absolute;
right: 0;
top: 35px;
border-radius: 3px;
z-index: 9001;
.vc-chrome-body {
background: #36393e;
.vc-chrome-fields-wrap {
.vc-input__input {
background: #1e2124;
color: #fff;
box-shadow: inset 0 0 0 1px #000;
}
.vc-chrome-toggle-icon-highlight {
background: #1e2124;
}
.vc-chrome-toggle-btn svg path {
fill: #fff;
}
}
}
&:not(.bd-hide) {
animation: bd-colourpickerSlidein 0.1s ease-in;
}
}
}