@import "../plugins/theme-variables.scss";
@import "~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "~element-ui/packages/theme-chalk/src/color-picker";

/* ---- jellies overrides (migrated from SFC; ships in theme/X.css) ---- */
.el-color-picker .el-color-picker__color {
  border: none;
  border-radius: 0;
  border-top-left-radius: $--border-radius-small;
  border-bottom-left-radius: $--border-radius-small;
  overflow: hidden;
}
.el-color-picker .el-color-picker__trigger {
  border: none;
  padding: 2px;
  margin-left: -5px;
}
.jsk-color-picker .el-input .el-input__inner {
  padding-left: 46px;
}
.el-color-picker--small .el-color-picker__trigger {
  margin-left: -5px;
}
.jsk-color-picker .el-input--small .el-input__inner {
  padding-left: 36px;
}
.el-color-picker--medium .el-color-picker__trigger {
  margin-left: -5px;
}
.jsk-color-picker .el-input--medium .el-input__inner {
  padding-left: 40px;
}
.el-color-picker--mini .el-color-picker__trigger {
  margin-left: -5px;
}
.jsk-color-picker .el-input--mini .el-input__inner {
  padding-left: 30px;
}
button.el-color-dropdown__btn,
button.el-color-dropdown__btn:hover,
button.el-color-dropdown__btn:focus {
  color: $--color-success-dark !important;
  border: none;
  font-weight: 600;
}
button.el-color-dropdown__link-btn,
button.el-color-dropdown__link-btn:hover,
button.el-color-dropdown__link-btn:focus {
  color: $--color-line-dark;
}