//----From style----//

//--variables

//label
$label_fontSize: 14;
$label_fontFamily: $font_primary;
$label_fontStyle: normal;
$label_fontWeight: 400;
$label_color: $black;
$label_textTransform: none;

//textarea
$textarea_fontSize: 14;
$textarea_fontFamily: $font_primary;
$textarea_fontStyle: normal;
$textarea_fontWeight: 400;
$textarea_color: $black;
$textarea_background: $white;
$textarea_textTransform: none;
$textarea_border: 2px solid $black;
$textarea_padding: 10px 10px;
$textarea_resize: none;
$textarea_width: 100%;
$textarea_height: 167px;
$textarea_maxWidth: 100%;
$textarea_maxHeight: 100%;

//input
$input_fontSize: 14;
$input_fontFamily: $font_primary;
$input_fontStyle: normal;
$input_fontWeight: 400;
$input_color: $black;
$input_background: $white;
$input_textTransform: none;
$input_border: 2px solid $black;
$input_borderRadius: 0;
$input_padding: 10px 10px;
$input_width: 100%;

$placeholder_fontSize: 14;
$placeholder_fontFamily: $font_primary;
$placeholder_fontStyle: normal;
$placeholder_fontWeight: 400;
$placeholder_color: $black;
$placeholder_textTransform: Capitalize;

//input submit & input button
$submit_fontSize: 14;
$submit_fontFamily: $font_primary;
$submit_fontStyle: normal;
$submit_fontWeight: 400;
$submit_color: $white;
$submit_background: $black;
$submit_textTransform: uppercase;
$submit_borderWidth: 1px;
$submit_borderStyle: solid;
$submit_borderColor: $black;
$submit_padding: 30px;

//input checkbox
$checkbox_position: right;
$unchecked_width: 10px;
$unchecked_height: 10px;
$unchecked_background: transparent;
$unchecked_borderWidth: 2px;
$unchecked_borderStyle: solid;
$unchecked_borderColor: $darkgrey;

$checked_width: 10px;
$checked_height: 10px;
$checked_background: $darkgrey;
$checked_borderWidth: 0;
$checked_borderStyle: solid;
$checked_borderColor: $darkgrey;

//input radio
$radio_position: left;
$unradio_width: 10px;
$unradio_height: 10px;
$unradio_background: transparent;
$unradio_borderWidth: 2px;
$unradio_borderStyle: solid;
$unradio_borderColor: $black;
$unradio_borderRadius: 50%;

$radio_width: 10px;
$radio_height: 10px;
$radio_background: $black;
$radio_borderWidth: 2px;
$radio_borderStyle: solid;
$radio_borderColor: $black;
$radio_borderRadius: 50%;

//input color
$color_width: 100%;
$color_height: 50px;
$color_border: 0;
$color_padding: 0;

// select
$select_fontSize: 14;
$select_fontFamily: $font_primary;
$select_fontStyle: normal;
$select_fontWeight: 400;
$select_textTransform: none;
$select_color: $black;
$select_background: $white;
$select_borderWidth: 2px;
$select_borderStyle: solid;
$select_borderColor: $black;
$select_padding: 10px 10px;

@function set-position($position, $value) {

  @if ($value == before) {

    @if ($position == left) {
      @return 0;
    } @else {
      @return 100%;
    }
  }
  @elseif ($value == after) {
    @if ($position == left) {
      @return calc(#{($unchecked_width / 2) + $unchecked_borderWidth} - #{$checked_width / 2});
    } @else {
      @return calc(100% + #{($unchecked_width / 2) + $unchecked_borderWidth} - #{$checked_width / 2}; } } }