Add new code new version

Change-Id: Ic02a76313503b526f17c3df29eb387a29fe6a42a
Signed-off-by: Michael Lando <ml636r@att.com>

1 files changed, 110 insertions, 0 deletions

diff --git a/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss b/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
new file mode 100644
index 0000000000..545b23ee7f
--- /dev/null
+++ b/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
@@ -0,0 +1,110 @@
+.form-group {
+  .control-label {
+    @extend .body-2-medium;
+  }
+  &.required {
+    label:before {
+      content: "*";
+      color: $red;
+      margin: 0 4px 0 0;
+    }
+  }
+}
+.form-control {
+  @extend .body-1;
+  border-radius: 2px;
+  height: 30px;
+  @include box-shadow(none);
+  &:focus {
+    @include box-shadow(none);
+  }
+  &:hover {
+    border-color: $gray;
+  }
+}
+
+label {
+  @extend .body-3;
+  margin-bottom: 8px;
+}
+
+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: 11px;
+    height: 11px;
+    margin-right: 10px;
+    position: absolute;
+    background-color: $white;
+    border: 1px solid $blue;
+    box-sizing: content-box;
+  }
+}
+
+.radio label {
+  font-weight: normal;
+  display: inline-block;
+  cursor: pointer;
+  margin-right: $body-font-1;
+  font-size: $body-font-1;
+}
+
+.checkbox label {
+  font-weight: normal;
+  display: inline-block;
+  cursor: pointer;
+  margin-right: $body-font-1;
+  font-size: $body-font-1;
+}
+
+.radio input:before {
+  border-radius: 8px;
+}
+
+.checkbox input:before {
+  border-radius: 2px;
+}
+
+input[type=radio]:checked:before {
+  content: "\2022";
+  color: $blue;
+  font-size: 30px;
+  text-align: center;
+  line-height: 11px;
+  font-family: $radio-font-family;
+}
+
+input[type=checkbox]:checked:before {
+  font-family: $icon-font-family;
+  content: "\f00c";
+  font-size: $icon-font-size;
+  color: $blue;
+  text-align: center;
+}
+
+.radio,
+.checkbox {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: absolute;
+  margin-left: -20px;
+  top: 2px;
+}