Mercurial > gemma

diff client/src/components/fairway/BottleneckDialogue.vue @ 5627:7768f14f6535 729-node-js-newer-version

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
line wrap: on
line diff
--- a/client/src/components/fairway/BottleneckDialogue.vue	Thu Dec 22 18:43:46 2022 +0100
+++ b/client/src/components/fairway/BottleneckDialogue.vue	Tue May 09 13:17:58 2023 +0200
@@ -298,10 +298,10 @@
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="css" scoped>
 .input-button-right {
-  border-top-right-radius: $border-radius;
-  border-bottom-right-radius: $border-radius;
+  border-top-right-radius: var(border-radius);
+  border-bottom-right-radius: var(border-radius);
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -309,8 +309,8 @@
 .rounded-left-only {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
-  border-top-left-radius: $border-radius;
-  border-bottom-left-radius: $border-radius;
+  border-top-left-radius: var(border-radius);
+  border-bottom-left-radius: var(border-radius);
 }
 
 input,