|
166 | 166 | /* Radio Component */ |
167 | 167 | /* z-index */ |
168 | 168 | .mint-cell { |
169 | | - background-color:#fff; |
170 | | - box-sizing:border-box; |
171 | | - color:inherit; |
172 | | - min-height:48px; |
173 | | - display:block; |
174 | | - overflow:hidden; |
175 | | - position:relative; |
176 | | - text-decoration:none; |
| 169 | + background-color: #fff; |
| 170 | + box-sizing: border-box; |
| 171 | + color: inherit; |
| 172 | + min-height: 48px; |
| 173 | + display: block; |
| 174 | + overflow: hidden; |
| 175 | + position: relative; |
| 176 | + text-decoration: none; |
177 | 177 | } |
178 | 178 | .mint-cell img { |
179 | | - vertical-align:middle; |
| 179 | + vertical-align: middle; |
180 | 180 | } |
181 | 181 | .mint-cell:first-child .mint-cell-wrapper { |
182 | | - background-origin:border-box; |
| 182 | + background-origin: border-box; |
183 | 183 | } |
184 | 184 | .mint-cell:last-child { |
185 | | - background-image:-webkit-linear-gradient(bottom, #d9d9d9, #d9d9d9 50%, transparent 50%); |
186 | | - background-image:linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%); |
187 | | - background-size:100% 1px; |
188 | | - background-repeat:no-repeat; |
189 | | - background-position:bottom; |
| 185 | + background-image: -webkit-linear-gradient(bottom, #d9d9d9, #d9d9d9 50%, transparent 50%); |
| 186 | + background-image: linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%); |
| 187 | + background-size: 100% 1px; |
| 188 | + background-repeat: no-repeat; |
| 189 | + background-position: bottom; |
190 | 190 | } |
191 | 191 | .mint-cell-wrapper { |
| 192 | + position: relative; |
192 | 193 | background-image:-webkit-linear-gradient(top, #d9d9d9, #d9d9d9 50%, transparent 50%); |
193 | 194 | background-image:linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%); |
194 | 195 | background-size: 120% 1px; |
|
211 | 212 | } |
212 | 213 | .mint-cell-mask {} |
213 | 214 | .mint-cell-mask::after { |
214 | | - background-color:#000; |
215 | | - content:" "; |
216 | | - opacity:0; |
217 | | - top:0; |
218 | | - right:0; |
219 | | - bottom:0; |
220 | | - left:0; |
221 | | - position:absolute; |
| 215 | + background-color: #000; |
| 216 | + content: " "; |
| 217 | + opacity: 0; |
| 218 | + top: 0; |
| 219 | + right: 0; |
| 220 | + bottom: 0; |
| 221 | + left: 0; |
| 222 | + position: absolute; |
222 | 223 | } |
223 | 224 | .mint-cell-mask:active::after { |
224 | | - opacity:.1; |
| 225 | + opacity: .1; |
225 | 226 | } |
226 | 227 | .mint-cell-text { |
227 | 228 | vertical-align: middle; |
|
247 | 248 | align-items: center; |
248 | 249 | } |
249 | 250 | .mint-cell-value.is-link { |
250 | | - margin-right:24px; |
| 251 | + margin-right: 24px; |
251 | 252 | } |
252 | 253 | .mint-cell-left { |
253 | 254 | position: absolute; |
|
269 | 270 | border-bottom-width: 0; |
270 | 271 | border-left-width: 0; |
271 | 272 | content: " "; |
272 | | - top:50%; |
273 | | - right:20px; |
| 273 | + top: 50%; |
| 274 | + right: 20px; |
274 | 275 | position: absolute; |
275 | | - width:5px; |
276 | | - height:5px; |
| 276 | + width: 5px; |
| 277 | + height: 5px; |
277 | 278 | -webkit-transform: translateY(-50%) rotate(45deg); |
278 | 279 | transform: translateY(-50%) rotate(45deg); |
279 | 280 | } |
|
0 commit comments