openecomp-ui/resources/scss/bootstrap-cust/_forms.scss

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