File tree Expand file tree Collapse file tree 2 files changed +58
-58
lines changed
src/components/form-rating Expand file tree Collapse file tree 2 files changed +58
-58
lines changed Original file line number Diff line number Diff line change 1
- .b-rating {
2
- text-align : center ;
3
-
4
- & .d-inline-flex {
5
- width : auto ;
6
- }
7
-
8
- .b-rating-star ,
9
- .b-rating-value {
10
- padding : 0 0.25em ;
11
- }
12
-
13
- .b-rating-value {
14
- // Keep the stars from moving when value changes (usually)
15
- min-width : 2.5em ;
16
- }
17
-
18
- .b-rating-star {
19
- display : inline-flex ;
20
- justify-content : center ;
21
- outline : 0 ;
22
-
23
- .b-rating-icon {
24
- display : inline-flex ;
25
- transition : all 0.15s ease-in-out ;
26
- }
27
- }
28
-
29
- & .disabled ,
30
- & :disabled {
31
- background-color : $input-disabled-bg ;
32
- color : $text-muted ;
33
- }
34
-
35
- & :not (.disabled ):not (.readonly ) {
36
- .b-rating-star {
37
- cursor : pointer ;
38
- }
39
-
40
- // Zoom focused or hovered icons
41
- & :focus:not (:hover ) .b-rating-star.focused ,
42
- .b-rating-star :hover {
43
- .b-rating-icon {
44
- transform : scale (1.5 );
45
- }
46
- }
47
- }
48
-
49
- // Flip the half icon if RTL mode
50
- // We transform the outer star wrapper so that we do not
51
- // interfere with the hover/focus transform above
52
- & [dir = " rtl" ] {
53
- .b-rating-star-half {
54
- transform : scale (-1 , 1 );
55
- }
56
- }
57
- }
1
+ .b-rating {
2
+ text-align : center ;
3
+
4
+ & .d-inline-flex {
5
+ width : auto ;
6
+ }
7
+
8
+ .b-rating-star ,
9
+ .b-rating-value {
10
+ padding : 0 0.25em ;
11
+ }
12
+
13
+ .b-rating-value {
14
+ // Keep the stars from moving when value changes (usually)
15
+ min-width : 2.5em ;
16
+ }
17
+
18
+ .b-rating-star {
19
+ display : inline-flex ;
20
+ justify-content : center ;
21
+ outline : 0 ;
22
+
23
+ .b-rating-icon {
24
+ display : inline-flex ;
25
+ transition : all 0.15s ease-in-out ;
26
+ }
27
+ }
28
+
29
+ & .disabled ,
30
+ & :disabled {
31
+ background-color : $input-disabled-bg ;
32
+ color : $text-muted ;
33
+ }
34
+
35
+ & :not (.disabled ):not (.readonly ) {
36
+ .b-rating-star {
37
+ cursor : pointer ;
38
+ }
39
+
40
+ // Zoom focused or hovered icons
41
+ & :focus:not (:hover ) .b-rating-star.focused ,
42
+ .b-rating-star :hover {
43
+ .b-rating-icon {
44
+ transform : scale (1.5 );
45
+ }
46
+ }
47
+ }
48
+
49
+ // Flip the half icon if RTL mode
50
+ // We transform the outer star wrapper so that we do not
51
+ // interfere with the hover/focus transform above
52
+ & [dir = " rtl" ] {
53
+ .b-rating-star-half {
54
+ transform : scale (-1 , 1 );
55
+ }
56
+ }
57
+ }
Original file line number Diff line number Diff line change 1
- @import " form-rating" ;
1
+ @import " form-rating" ;
You can’t perform that action at this time.
0 commit comments