// Place all the styles related to the PresetColors controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/


.preset-color-list {
  display: flex;
  flex-flow: row wrap;
}

.preset-color {
  height: 4em;
  width: 4em;
  border-radius: 6px;
  margin-right: 5px;
  border-style: solid;
  border-width: 4px;
  border-color: #ededed;
  cursor: pointer;
}

.preset-color:hover {
  opacity: 0.6;
}

// Place all the styles related to the PresetColors controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/


.preset-color-list {
  display: flex;
  flex-flow: row wrap;
}

.preset-color {
  height: 4em;
  width: 4em;
  border-radius: 6px;
  margin-right: 5px;
  border-style: solid;
  border-width: 4px;
  border-color: #ededed;
  cursor: pointer;
  flex: 1;
  &:last-child {
    margin-right: 0px;
  }
}

.preset-color:hover {
  opacity: 0.6;
}

Make preset colors fill their parent
Make preset colors fill their parent
