X-Git-Url: https://gerrit.onap.org/r/gitweb?p=aai%2Fsparky-fe.git;a=blobdiff_plain;f=resources%2Fscss%2Fbootstrap-cust%2F_forms.scss;fp=resources%2Fscss%2Fbootstrap-cust%2F_forms.scss;h=cb19964f0e5ab00abf37a1953489ccb86e58516d;hp=0000000000000000000000000000000000000000;hb=ca007e933bcd9f63aa77801656ed9dd4142c432c;hpb=42b788b852f0604748828e9e325e4a0f01152c75

diff --git a/resources/scss/bootstrap-cust/_forms.scss b/resources/scss/bootstrap-cust/_forms.scss
new file mode 100644
index 0000000..cb19964
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_forms.scss
@@ -0,0 +1,84 @@
+.form-group {
+  .control-label {
+    @extend .body-2-medium;
+  }
+  &.required {
+    label:before {
+      content: "*";
+      color: $red;
+    }
+  }
+}
+.form-control {
+  border-radius: 2px;
+  height: 30px;
+  @include box-shadow(none);
+  &:focus {
+    @include box-shadow(none);
+  }
+  &:hover {
+    border-color: $gray;
+  }
+}
+
+label {
+  @extend .body-3;
+}
+
+select.form-control {
+  display: block;
+  width: 215px;
+}
+
+select[multiple] {
+  background: none;
+}
+
+input[type="radio"], input[type="checkbox"] {
+  margin: 0;
+
+  &:before {
+    content: "";
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    margin-right: 10px;
+    position: absolute;
+    left: -1px;
+    bottom: -1px;
+    background-color: $white;
+    border: 1px solid $blue;
+  }
+}
+
+.radio, .checkbox label {
+  font-weight: normal;
+  display: inline-block;
+  cursor: pointer;
+  margin-right: 15px;
+  font-size: 13px;
+}
+
+.radio input:before {
+  border-radius: 8px;
+}
+
+.checkbox input:before {
+  border-radius: 3px;
+}
+
+input[type=radio]:checked:before {
+  content: "\2022";
+  color: $blue;
+  font-size: 32px;
+  text-align: center;
+  line-height: 16px;
+}
+
+input[type=checkbox]:checked:before {
+  content: "\2713";
+  font-size: 12px;
+  color: $blue;
+  text-align: center;
+  line-height: 16px;
+}