Mercurial > gemma
diff client/src/imports/Imports.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 | 1d4801145a2d |
children | ddfdf440da24 |
line wrap: on
line diff
--- a/client/src/imports/Imports.vue Fri Nov 16 12:15:51 2018 +0100 +++ b/client/src/imports/Imports.vue Fri Nov 16 14:37:07 2018 +0100 @@ -177,48 +177,46 @@ }; </script> -<style lang="scss" scoped> -.close-showImportSoundingResults { - position: absolute; - z-index: 2; - right: 0; - top: 7px; - border-radius: $border-radius; - height: $icon-width; - width: $icon-height; -} -.label-text { - width: 10rem; - text-align: left; - line-height: 2.25rem; -} -.importcard { - height: 100%; -} -.importcardbody { - position: relative; - height: 100%; - width: 90%; - margin-left: auto; - margin-right: auto; -} -.imports { - position: relative; - background-color: white; - width: 30rem; - height: 28rem; - margin-left: auto; - margin-right: auto; - border-radius: $border-radius; - opacity: $slight-transparent; -} -.downloadbtn { - position: absolute; - right: $offset; - bottom: $offset; -} +<style lang="sass" scoped> +.close-showImportSoundingResults + position: absolute + z-index: 2 + right: 0 + top: 7px + border-radius: $border-radius + height: $icon-width + width: $icon-height + +.label-text + width: 10rem + text-align: left + line-height: 2.25rem -.downloadbtn a { - margin-right: $offset; -} +.importcard + height: 100% + +.importcardbody + position: relative + height: 100% + width: 90% + margin-left: auto + margin-right: auto + +.imports + position: relative + background-color: white + width: 30rem + height: 28rem + margin-left: auto + margin-right: auto + border-radius: $border-radius + opacity: $slight-transparent + +.downloadbtn + position: absolute + right: $offset + bottom: $offset + +.downloadbtn a + margin-right: $offset </style>