summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
diff options
context:
space:
mode:
Diffstat (limited to 'openecomp-ui/resources/scss/bootstrap-cust/_forms.scss')
-rw-r--r--openecomp-ui/resources/scss/bootstrap-cust/_forms.scss110
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;
+}