Mercurial > gemma
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>