2018-08-15 04:03:56 +02:00
|
|
|
.bd-colourpickerSwatch {
|
2018-02-28 03:29:28 +01:00
|
|
|
width: 50px;
|
|
|
|
height: 30px;
|
|
|
|
border-radius: 3px;
|
|
|
|
border: 1px solid hsla(0,0%,100%,.1);
|
|
|
|
}
|
|
|
|
|
2018-08-15 04:03:56 +02:00
|
|
|
.bd-formColourpicker {
|
2018-02-28 03:29:28 +01:00
|
|
|
position: relative;
|
|
|
|
|
|
|
|
.vc-chrome {
|
|
|
|
position: absolute;
|
2018-03-29 22:23:15 +02:00
|
|
|
right: 0;
|
2018-02-28 03:29:28 +01:00
|
|
|
top: 35px;
|
|
|
|
border-radius: 3px;
|
2018-02-28 07:35:57 +01:00
|
|
|
z-index: 9001;
|
2018-02-28 03:29:28 +01:00
|
|
|
|
|
|
|
.vc-chrome-body {
|
|
|
|
background: #36393e;
|
|
|
|
|
|
|
|
.vc-chrome-fields-wrap {
|
|
|
|
.vc-input__input {
|
|
|
|
background: #1e2124;
|
2018-03-29 21:16:06 +02:00
|
|
|
color: #fff;
|
2018-02-28 03:29:28 +01:00
|
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vc-chrome-toggle-icon-highlight {
|
|
|
|
background: #1e2124;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vc-chrome-toggle-btn svg path {
|
2018-03-29 21:16:06 +02:00
|
|
|
fill: #fff;
|
2018-02-28 03:29:28 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2018-03-29 22:23:15 +02:00
|
|
|
|
|
|
|
&:not(.bd-hide) {
|
2018-08-15 04:03:56 +02:00
|
|
|
animation: bd-colourpickerSlidein 0.1s ease-in;
|
2018-03-29 22:23:15 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|