Mercurial > gemma
comparison client/src/components/fairway/BottleneckDialogue.vue @ 5627:7768f14f6535 729-node-js-newer-version
Transformed scss variables into css custom properties
author | Luisa Beerboom <lbeerboom@intevation.de> |
---|---|
date | Tue, 09 May 2023 13:17:58 +0200 |
parents | 215e6ba9651b |
children |
comparison
equal
deleted
inserted
replaced
5625:39c1698fb0ff | 5627:7768f14f6535 |
---|---|
296 </div> | 296 </div> |
297 </div> | 297 </div> |
298 </div> | 298 </div> |
299 </template> | 299 </template> |
300 | 300 |
301 <style lang="scss" scoped> | 301 <style lang="css" scoped> |
302 .input-button-right { | 302 .input-button-right { |
303 border-top-right-radius: $border-radius; | 303 border-top-right-radius: var(border-radius); |
304 border-bottom-right-radius: $border-radius; | 304 border-bottom-right-radius: var(border-radius); |
305 border-top-left-radius: 0 !important; | 305 border-top-left-radius: 0 !important; |
306 border-bottom-left-radius: 0 !important; | 306 border-bottom-left-radius: 0 !important; |
307 } | 307 } |
308 | 308 |
309 .rounded-left-only { | 309 .rounded-left-only { |
310 border-top-right-radius: 0 !important; | 310 border-top-right-radius: 0 !important; |
311 border-bottom-right-radius: 0 !important; | 311 border-bottom-right-radius: 0 !important; |
312 border-top-left-radius: $border-radius; | 312 border-top-left-radius: var(border-radius); |
313 border-bottom-left-radius: $border-radius; | 313 border-bottom-left-radius: var(border-radius); |
314 } | 314 } |
315 | 315 |
316 input, | 316 input, |
317 select { | 317 select { |
318 font-size: 0.8em; | 318 font-size: 0.8em; |