|
|
|
@ -282,54 +282,4 @@ $select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/sv |
|
|
|
&.custom-select { |
|
|
|
background: $color-dark2-control escape-svg($select-indicator) no-repeat right .75rem center / 8px 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
input { |
|
|
|
&.form-empty { |
|
|
|
border: 0; |
|
|
|
} |
|
|
|
|
|
|
|
&.form-underlined { |
|
|
|
& { |
|
|
|
border: 0; |
|
|
|
border-bottom: 1px solid $color-input; |
|
|
|
border-radius: 0; |
|
|
|
} |
|
|
|
|
|
|
|
&:focus, |
|
|
|
&.focus { |
|
|
|
background: transparent; |
|
|
|
border-bottom-color: $color-theme-blue; |
|
|
|
box-shadow: none; |
|
|
|
outline: none; |
|
|
|
} |
|
|
|
|
|
|
|
&:disabled { |
|
|
|
background: none; |
|
|
|
} |
|
|
|
|
|
|
|
&[readonly] { |
|
|
|
background: none; |
|
|
|
} |
|
|
|
|
|
|
|
&.ng-invalid { |
|
|
|
&.ng-touched, |
|
|
|
&.ng-dirty { |
|
|
|
& { |
|
|
|
background: transparent; |
|
|
|
border-bottom-color: $color-theme-error; |
|
|
|
border-color: transparent; |
|
|
|
box-shadow: none; |
|
|
|
outline: none; |
|
|
|
} |
|
|
|
|
|
|
|
&:hover, |
|
|
|
&:focus { |
|
|
|
border-bottom-color: $color-theme-error-dark; |
|
|
|
border-color: transparent; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |