@function strip_unit($value) {
  @return $value / ($value * 0 + 1);
}
@function rem($px_value) {
  @return #{strip_unit($px_value) / strip_unit($html-font-size)}rem;
}
@function font_size($font) {
  @return #{strip_unit($font) / 12}rem;
}

@mixin colors {
  .colores {
    vertical-align: center;

    .text {
      margin-right: rem(3);
    }

    .circle {
      display: inline-block;

      width: rem($circle_radius);
      height: rem($circle_radius);
      border-radius: 8000px;
      margin: auto rem(1);
      cursor: pointer;

      &.selected {
        width: rem($circle_radius + 2);
        height: rem($circle_radius + 2);
        cursor: default;
      }
    }
  }
}