forked from vmware-archive/clarity
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_input-group.clarity.scss
49 lines (41 loc) · 1.23 KB
/
_input-group.clarity.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
// Copyright (c) 2016-2018 VMware, Inc. All Rights Reserved.
// This software is released under MIT license.
// The full license information can be found in LICENSE in the root directory of this project.
@include exports('forms.input-group') {
.clr-input-group {
@include form-fields-appearance($clr-forms-border-color);
@include input-border-bottom-animation($clr-forms-focused-color);
padding-right: $clr-forms-baseline * 4;
max-width: calc(100% - 1rem);
height: 24px;
.clr-input {
background: none;
border: none;
margin-right: 0;
max-width: 100%;
&:not([readonly]):focus {
background-size: 0%;
border: 0;
}
}
select {
border: none;
}
.clr-input-group-icon-action {
@include clr-no-styles-button();
color: $clr-forms-focused-color;
padding: 0 $clr-forms-baseline * 1.5;
}
}
.clr-form-control-disabled .clr-input-group-icon-action {
cursor: not-allowed;
}
.clr-error .clr-input-group {
border-bottom-color: $clr-forms-invalid-color;
@include input-border-bottom-animation($clr-forms-invalid-color);
padding-right: $clr-forms-baseline;
}
.clr-form-horizontal .clr-input-group {
padding-right: 0;
}
}