|
83 | 83 | /* opacity: 1; */ |
84 | 84 | transition: opacity 0.5s; |
85 | 85 |
|
86 | | - |
87 | 86 | a { |
88 | 87 | text-transform: uppercase; |
89 | 88 | color: inherit; |
|
103 | 102 |
|
104 | 103 | &.rating-5 { |
105 | 104 | background-color: transparent; |
106 | | - background-image: linear-gradient(to right, var(--rating-5-background), rgba(102, 136, 70, 0.75)); |
| 105 | + background-image: linear-gradient( |
| 106 | + to right, |
| 107 | + var(--rating-5-background), |
| 108 | + rgba(102, 136, 70, 0.75) |
| 109 | + ); |
107 | 110 | border-color: rgba(153, 204, 105, 0.25); |
108 | 111 | } |
109 | 112 |
|
110 | 113 | &.rating-4 { |
111 | 114 | background-color: transparent; |
112 | | - background-image: linear-gradient(to right, var(--rating-4-background), rgba(134, 106, 0, 0.75)); |
| 115 | + background-image: linear-gradient( |
| 116 | + to right, |
| 117 | + var(--rating-4-background), |
| 118 | + rgba(134, 106, 0, 0.75) |
| 119 | + ); |
113 | 120 | border-color: rgba(201, 159, 0, 0.25); |
114 | 121 | } |
115 | 122 |
|
116 | 123 | &.rating-3 { |
117 | 124 | background-color: transparent; |
118 | | - background-image: linear-gradient(to right, var(--rating-3-background), rgba(154, 96, 0, 0.75)); |
| 125 | + background-image: linear-gradient( |
| 126 | + to right, |
| 127 | + var(--rating-3-background), |
| 128 | + rgba(154, 96, 0, 0.75) |
| 129 | + ); |
119 | 130 | border-color: rgba(231, 144, 0, 0.25); |
120 | 131 | } |
121 | 132 |
|
122 | 133 | &.rating-2 { |
123 | 134 | background-color: transparent; |
124 | | - background-image: linear-gradient(to right, var(--rating-2-background), rgba(172, 80, 0, 0.75)); |
| 135 | + background-image: linear-gradient( |
| 136 | + to right, |
| 137 | + var(--rating-2-background), |
| 138 | + rgba(172, 80, 0, 0.75) |
| 139 | + ); |
125 | 140 | border-color: rgba(255, 120, 0, 0.25); |
126 | 141 | } |
127 | 142 |
|
128 | 143 | &.rating-1 { |
129 | 144 | background-color: transparent; |
130 | | - background-image: linear-gradient(to right, var(--rating-1-background), rgba(188, 56, 44, 0.75)); |
| 145 | + background-image: linear-gradient( |
| 146 | + to right, |
| 147 | + var(--rating-1-background), |
| 148 | + rgba(188, 56, 44, 0.75) |
| 149 | + ); |
131 | 150 | border-color: rgba(255, 84, 66, 0.25); |
132 | 151 | } |
133 | 152 | } |
|
150 | 169 |
|
151 | 170 | .preview-scrubber { |
152 | 171 | .hover-scrubber { |
153 | | - height: 100%; |
154 | | - |
155 | | - .hover-scrubber-area { |
156 | | - height: 100%; |
157 | | - } |
158 | | - |
159 | 172 | .hover-scrubber-indicator { |
160 | | - height: 4px; |
| 173 | + background-color: unset; |
161 | 174 | .hover-scrubber-indicator-marker { |
162 | 175 | background-color: var(--primary-a10); |
163 | | - backdrop-filter: blur(10px); |
164 | | - border-radius: 0 4px 0 0; |
165 | | - height: 4px; |
166 | 176 | } |
167 | 177 | } |
168 | 178 | } |
|
0 commit comments