Mercurial > gemma

diff client/src/components/map/Zoom.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 7768f14f6535
children
line wrap: on
line diff
--- a/client/src/components/map/Zoom.vue	Tue May 09 13:20:28 2023 +0200
+++ b/client/src/components/map/Zoom.vue	Thu May 11 13:23:52 2023 +0200
@@ -15,23 +15,26 @@
   </div>
 </template>
 
-<style lang="sass">
-.zoom-buttons
-  position: absolute
-  z-index: 1
-  bottom: var(--small-offset)
-  left: 50%
-  margin-left: -var(--icon-width)
-  margin-bottom: 0
-  transition: margin-bottom 0.3s
-  &.move
-    bottom: calc(var(--large-offset) * 1.5)
-  .zoom-button
-    min-height: var(--icon-width)
-    min-width: var(--icon-width)
-    z-index: 1
-    outline: none
-    color: #666
+<style>
+.zoom-buttons {
+  position: absolute;
+  z-index: 1;
+  bottom: var(--small-offset);
+  left: 50%;
+  margin-left: -var(--icon-width);
+  margin-bottom: 0;
+  transition: margin-bottom 0.3s;
+}
+.zoom-buttons.move {
+  bottom: calc(var(--large-offset) * 1.5);
+}
+.zoom-buttons .zoom-button {
+  min-height: var(--icon-width);
+  min-width: var(--icon-width);
+  z-index: 1;
+  outline: none;
+  color: #666;
+}
 </style>
 
 <script>