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;
|
2018-08-15 11:42:43 +02:00
|
|
|
border: 1px solid hsla(0, 0%, 100%, .1);
|
2018-02-28 03:29:28 +01:00
|
|
|
}
|
|
|
|
|
2018-08-15 04:03:56 +02:00
|
|
|
.bd-formColourpicker {
|
2018-02-28 03:29:28 +01:00
|
|
|
position: relative;
|
|
|
|
|
2018-08-15 11:42:43 +02:00
|
|
|
.vc-chrome { // sass-lint:disable-line class-name-format
|
2018-02-28 03:29:28 +01:00
|
|
|
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
|
|
|
|
2018-08-15 11:42:43 +02:00
|
|
|
.vc-chrome-body { // sass-lint:disable-line class-name-format
|
2018-02-28 03:29:28 +01:00
|
|
|
background: #36393e;
|
|
|
|
|
2018-08-15 11:42:43 +02:00
|
|
|
.vc-chrome-fields-wrap { // sass-lint:disable-line class-name-format
|
|
|
|
.vc-input__input { // sass-lint:disable-line class-name-format
|
2018-02-28 03:29:28 +01:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
2018-08-15 11:42:43 +02:00
|
|
|
.vc-chrome-toggle-icon-highlight { // sass-lint:disable-line class-name-format
|
2018-02-28 03:29:28 +01:00
|
|
|
background: #1e2124;
|
|
|
|
}
|
|
|
|
|
2018-08-15 11:42:43 +02:00
|
|
|
.vc-chrome-toggle-btn { // sass-lint:disable-line class-name-format
|
|
|
|
svg {
|
|
|
|
path {
|
|
|
|
fill: #fff;
|
|
|
|
}
|
|
|
|
}
|
2018-02-28 03:29:28 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2018-03-29 22:23:15 +02:00
|
|
|
|
|
|
|
&:not(.bd-hide) {
|
2018-08-15 11:42:43 +02:00
|
|
|
animation: bd-colourpickerSlidein .1s ease-in;
|
2018-03-29 22:23:15 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|