diff options
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; +} |