resources/scss/bootstrap-cust/_forms.scss

   1 .form-group {
   2   .control-label {
   3     @extend .body-2-medium;
   4   }
   5   &.required {
   6     label:before {
   7       content: "*";
   8       color: $red;
   9     }
  10   }
  11 }
  12 .form-control {
  13   border-radius: 2px;
  14   height: 30px;
  15   @include box-shadow(none);
  16   &:focus {
  17     @include box-shadow(none);
  18   }
  19   &:hover {
  20     border-color: $gray;
  21   }
  22 }
  23
  24 label {
  25   @extend .body-3;
  26 }
  27
  28 select.form-control {
  29   display: block;
  30   width: 215px;
  31 }
  32
  33 select[multiple] {
  34   background: none;
  35 }
  36
  37 input[type="radio"], input[type="checkbox"] {
  38   margin: 0;
  39
  40   &:before {
  41     content: "";
  42     display: inline-block;
  43     width: 14px;
  44     height: 14px;
  45     margin-right: 10px;
  46     position: absolute;
  47     left: -1px;
  48     bottom: -1px;
  49     background-color: $white;
  50     border: 1px solid $blue;
  51   }
  52 }
  53
  54 .radio, .checkbox label {
  55   font-weight: normal;
  56   display: inline-block;
  57   cursor: pointer;
  58   margin-right: 15px;
  59   font-size: 13px;
  60 }
  61
  62 .radio input:before {
  63   border-radius: 8px;
  64 }
  65
  66 .checkbox input:before {
  67   border-radius: 3px;
  68 }
  69
  70 input[type=radio]:checked:before {
  71   content: "\2022";
  72   color: $blue;
  73   font-size: 32px;
  74   text-align: center;
  75   line-height: 16px;
  76 }
  77
  78 input[type=checkbox]:checked:before {
  79   content: "\2713";
  80   font-size: 12px;
  81   color: $blue;
  82   text-align: center;
  83   line-height: 16px;
  84 }