Mercurial > gemma

diff client/src/components/fairway/Fairwayprofile.vue @ 5629:84d01a536bec 729-node-js-newer-version

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Transformed scss and sass styles into css
author Luisa Beerboom <lbeerboom@intevation.de>
date Thu, 11 May 2023 13:23:52 +0200
parents f54932eec5c0
children
line wrap: on
line diff
--- a/client/src/components/fairway/Fairwayprofile.vue	Tue May 09 13:20:28 2023 +0200
+++ b/client/src/components/fairway/Fairwayprofile.vue	Thu May 11 13:23:52 2023 +0200
@@ -119,28 +119,30 @@
   </div>
 </template>
 
-<style lang="sass" scoped>
-.direction-indicator
-  width: 70px
-  height: 0
-  border-top: dashed 2px #333
-  position: absolute
-  bottom: 50px
-  left: 115px
-  margin-left: -35px
-  &::after
-    content: ""
-    width: 0
-    height: 0
-    border-width: 10px
-    border-top-width: 5px
-    border-bottom-width: 5px
-    border-style: solid
-    border-color: transparent
-    border-left-color: #333
-    position: absolute
-    right: -20px
-    top: -6px
+<style scoped>
+.direction-indicator {
+  width: 70px;
+  height: 0;
+  border-top: dashed 2px #333;
+  position: absolute;
+  bottom: 50px;
+  left: 115px;
+  margin-left: -35px;
+}
+.direction-indicator::after {
+  content: "";
+  width: 0;
+  height: 0;
+  border-width: 10px;
+  border-top-width: 5px;
+  border-bottom-width: 5px;
+  border-style: solid;
+  border-color: transparent;
+  border-left-color: #333;
+  position: absolute;
+  right: -20px;
+  top: -6px;
+}
 </style>
 
 <script>