Mercurial > gemma
diff client/src/zoom/zoom.vue @ 1191:b23622905a3f
switched entirely to sass instead of scss
for cleaner code/less lines, just removed all ; and {}
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Fri, 16 Nov 2018 14:37:07 +0100 |
parents | 7acd24889f1d |
children | ba8cd80d68b6 |
line wrap: on
line diff
--- a/client/src/zoom/zoom.vue Fri Nov 16 12:15:51 2018 +0100 +++ b/client/src/zoom/zoom.vue Fri Nov 16 14:37:07 2018 +0100 @@ -9,23 +9,22 @@ </div> </template> -<style lang="scss" scoped> -.buttoncontainer { - position: absolute; - bottom: 0; - left: 50%; - margin-left: -$icon-width; - margin-bottom: $offset; -} -.zoomButton { - background-color: white; - min-height: $icon-width; - min-width: $icon-width; - margin-bottom: auto; - z-index: 2; - outline: none; - border: 0px; -} +<style lang="sass" scoped> +.buttoncontainer + position: absolute + bottom: 0 + left: 50% + margin-left: -$icon-width + margin-bottom: $offset + +.zoomButton + background-color: white + min-height: $icon-width + min-width: $icon-width + margin-bottom: auto + z-index: 2 + outline: none + border: 0px </style> <script> import { mapState } from "vuex";