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;