Mercurial > gemma
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 1190:e3de65179889 | 1191:b23622905a3f |
|---|---|
| 7 <i class="fa fa-minus"></i> | 7 <i class="fa fa-minus"></i> |
| 8 </button> | 8 </button> |
| 9 </div> | 9 </div> |
| 10 </template> | 10 </template> |
| 11 | 11 |
| 12 <style lang="scss" scoped> | 12 <style lang="sass" scoped> |
| 13 .buttoncontainer { | 13 .buttoncontainer |
| 14 position: absolute; | 14 position: absolute |
| 15 bottom: 0; | 15 bottom: 0 |
| 16 left: 50%; | 16 left: 50% |
| 17 margin-left: -$icon-width; | 17 margin-left: -$icon-width |
| 18 margin-bottom: $offset; | 18 margin-bottom: $offset |
| 19 } | 19 |
| 20 .zoomButton { | 20 .zoomButton |
| 21 background-color: white; | 21 background-color: white |
| 22 min-height: $icon-width; | 22 min-height: $icon-width |
| 23 min-width: $icon-width; | 23 min-width: $icon-width |
| 24 margin-bottom: auto; | 24 margin-bottom: auto |
| 25 z-index: 2; | 25 z-index: 2 |
| 26 outline: none; | 26 outline: none |
| 27 border: 0px; | 27 border: 0px |
| 28 } | |
| 29 </style> | 28 </style> |
| 30 <script> | 29 <script> |
| 31 import { mapState } from "vuex"; | 30 import { mapState } from "vuex"; |
| 32 | 31 |
| 33 export default { | 32 export default { |