kedao/lib/components/ColorPicker/style.module.css

Rich Text Editor Based On Draft.js

.kedao-colors {
  box-sizing: content-box;
  list-style: none;
  width: 240px;
  margin: 0;
  padding: 15px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.kedao-colors li {
  box-sizing: content-box;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin: 5px;
  padding: 0;
  background-color: currentcolor;
  border: 3px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s;
}
.kedao-colors li:hover {
  transform: scale(1.3);
}
.kedao-colors li.active {
  box-shadow: 0 0 0 2px #3498db;
}