diff options
author | ARULNA <arul.nambi@amdocs.com> | 2017-06-02 16:27:25 -0400 |
---|---|---|
committer | ARULNA <arul.nambi@amdocs.com> | 2017-06-02 16:33:14 -0400 |
commit | ca007e933bcd9f63aa77801656ed9dd4142c432c (patch) | |
tree | ce97ed9df8c4fe48a524f0dc1365ad28acef7c46 /resources/scss/bootstrap-cust/_forms.scss | |
parent | 42b788b852f0604748828e9e325e4a0f01152c75 (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.scss | 84 |
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; +} |