diff client/src/morphtool/Morphtool.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 74e180ad3d6b
children 9d93968db2cd
line wrap: on
line diff
--- a/client/src/morphtool/Morphtool.vue	Fri Nov 16 12:15:51 2018 +0100
+++ b/client/src/morphtool/Morphtool.vue	Fri Nov 16 14:37:07 2018 +0100
@@ -35,51 +35,47 @@
     </div>
 </template>
 
-<style scoped lang="scss">
-.headline {
-  margin-right: $offset;
-  margin-left: $offset;
-}
-.morphcontainer {
-  margin-bottom: $offset;
-  margin-left: auto;
-  border-radius: $border-radius;
-}
-.surveylist {
-  text-align: left;
-  margin-bottom: $offset !important;
-  margin-left: $offset;
-  margin-right: $offset;
-}
+<style scoped lang="sass">
+.headline
+  margin-right: $offset
+  margin-left: $offset
+  
+.morphcontainer
+  margin-bottom: $offset
+  margin-left: auto
+  border-radius: $border-radius
+  
+.surveylist
+  text-align: left
+  margin-bottom: $offset !important
+  margin-left: $offset
+  margin-right: $offset
 
-.surveylist li {
-  margin-left: auto;
-  margin-right: auto;
-  border-style: none;
-  padding-bottom: 0rem;
-}
+.surveylist li
+  margin-left: auto
+  margin-right: auto
+  border-style: none
+  padding-bottom: 0rem
 
-.morphtool {
-  position: relative;
-  background-color: white;
-  border-radius: $border-radius;
-  height: $icon-width;
-  margin-top: auto;
-  margin-bottom: auto;
-  z-index: 2;
-}
+.morphtool
+  position: relative
+  background-color: white
+  border-radius: $border-radius
+  height: $icon-width
+  margin-top: auto
+  margin-bottom: auto
+  z-index: 2
 
-.morphtoolminus {
-  position: absolute;
-  top: 0;
-  right: 0;
-  background-color: white;
-  padding: $small-offset;
-  border-radius: $border-radius;
-  height: $icon-width;
-  width: $icon-height;
-  z-index: 2;
-}
+.morphtoolminus
+  position: absolute
+  top: 0
+  right: 0
+  background-color: white
+  padding: $small-offset
+  border-radius: $border-radius
+  height: $icon-width
+  width: $icon-height
+  z-index: 2
 </style>
 
 <script>