Day 235

Color picker css.
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

#color-collection .right-side .col-2 .color-slider {
  position: relative;
  width: 20px;
  height: 600px;
  border-radius: 50px;
  background: #ff0000; /* Old browsers */
  background: -moz-linear-gradient(top, #ff0000 0%, #ff8c00 19%, #faff00 37%, #1dff00 47%, #00fffa 59%, #0015ff 72%, #ff00ff 89%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff0000 0%,#ff8c00 19%,#faff00 37%,#1dff00 47%,#00fffa 59%,#0015ff 72%,#ff00ff 89%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff0000 0%,#ff8c00 19%,#faff00 37%,#1dff00 47%,#00fffa 59%,#0015ff 72%,#ff00ff 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#color-collection .right-side .col-2 .color-slider .picker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FEA83B;
  border:10px solid #fff;
  box-sizing: content-box;
  position: absolute;
  top: 130px;
  left: -10px;
}

#color-collection .right-side .col-1 {
  float: left;
  width: 80%;
}

#color-collection .right-side .col-2 {
  float: left;
  width: 20%;
}