summaryrefslogtreecommitdiffstats
path: root/resources/scss/bootstrap-cust/_forms.scss
diff options
context:
space:
mode:
authorARULNA <arul.nambi@amdocs.com>2017-06-02 16:27:25 -0400
committerARULNA <arul.nambi@amdocs.com>2017-06-02 16:33:14 -0400
commitca007e933bcd9f63aa77801656ed9dd4142c432c (patch)
treece97ed9df8c4fe48a524f0dc1365ad28acef7c46 /resources/scss/bootstrap-cust/_forms.scss
parent42b788b852f0604748828e9e325e4a0f01152c75 (diff)
Initial coomit for AAI-UI(sparky-fe)
Change-Id: I9f8482824a52bac431c100939899e760c0fa4fdb Signed-off-by: ARULNA <arul.nambi@amdocs.com>
Diffstat (limited to 'resources/scss/bootstrap-cust/_forms.scss')
-rw-r--r--resources/scss/bootstrap-cust/_forms.scss84
1 files changed, 84 insertions, 0 deletions
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;
+}