Initial coomit for AAI-UI(sparky-fe)

[aai/sparky-fe.git] / resources / scss / bootstrap-cust / _forms.scss

diff --git a/resources/scss/bootstrap-cust/_forms.scss b/resources/scss/bootstrap-cust/_forms.scss
new file mode 100644 (file)
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;
+}