_form-file.scss
1.54 KB
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
50
51
52
53
54
55
56
57
58
59
60
61
// Adds in sizes for custom-file
// Prevent file names from overflowing the file input
// These styles can be removed when the related Bootstrap bug gets fixed:
// https://github.com/twbs/bootstrap/issues/31577
.custom-file-label {
white-space: nowrap;
overflow-x: hidden;
}
.b-custom-control-lg,
.input-group-lg {
&.custom-file,
.custom-file-input,
.custom-file-label {
font-size: $b-custom-file-font-size-lg;
height: $b-custom-file-height-lg;
}
.custom-file-label,
.custom-file-label:after {
padding: $b-custom-file-padding-y-lg $b-custom-file-padding-x-lg;
line-height: $b-custom-file-line-height-lg;
}
.custom-file-label {
@include border-radius($b-custom-file-border-radius-lg);
&::after {
font-size: inherit;
height: $b-custom-file-height-inner-lg;
@include border-radius(0 $b-custom-file-border-radius-lg $b-custom-file-border-radius-lg 0);
}
}
}
.b-custom-control-sm,
.input-group-sm {
&.custom-file,
.custom-file-input,
.custom-file-label {
font-size: $b-custom-file-font-size-sm;
height: $b-custom-file-height-sm;
}
.custom-file-label,
.custom-file-label:after {
padding: $b-custom-file-padding-y-sm $b-custom-file-padding-x-sm;
line-height: $b-custom-file-line-height-sm;
}
.custom-file-label {
@include border-radius($b-custom-file-border-radius-sm);
&::after {
font-size: inherit;
height: $b-custom-file-height-inner-sm;
@include border-radius(0 $b-custom-file-border-radius-sm $b-custom-file-border-radius-sm 0);
}
}
}