A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/commit/30ad7fe746cd6187311c86319abf6e9519b81f15 below:

new `b-form-rating` custom component (#5132) · bootstrap-vue/bootstrap-vue@30ad7fe · GitHub

File tree Expand file treeCollapse file tree 14 files changed

+1680

-73

lines changed

Filter options

Expand file treeCollapse file tree 14 files changed

+1680

-73

lines changed Original file line number Diff line number Diff line change

@@ -0,0 +1,56 @@

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 + 22 +

.b-rating-icon {

23 +

display: inline-flex;

24 +

transition: all 0.15s ease-in-out;

25 +

}

26 +

}

27 + 28 +

&.disabled,

29 +

&:disabled {

30 +

background-color: $input-disabled-bg;

31 +

color: $text-muted;

32 +

}

33 + 34 +

&:not(.disabled):not(.readonly) {

35 +

.b-rating-star {

36 +

cursor: pointer;

37 +

}

38 + 39 +

// Zoom focused or hovered icons

40 +

&:focus:not(:hover) .b-rating-star.focused,

41 +

.b-rating-star:hover {

42 +

.b-rating-icon {

43 +

transform: scale(1.5);

44 +

}

45 +

}

46 +

}

47 + 48 +

// Flip the half icon if RTL mode

49 +

// We transform the outer star wrapper so that we do not

50 +

// interfere with the hover/focus transform above

51 +

&[dir="rtl"] {

52 +

.b-rating-star-half {

53 +

transform: scale(-1, 1);

54 +

}

55 +

}

56 +

}

You can’t perform that action at this time.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4