Mercurial > gemma
diff client/src/logs/logs.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 | d9e6a1f6f394 |
children | ba8cd80d68b6 |
line wrap: on
line diff
--- a/client/src/logs/logs.vue Fri Nov 16 12:15:51 2018 +0100 +++ b/client/src/logs/logs.vue Fri Nov 16 14:37:07 2018 +0100 @@ -37,55 +37,50 @@ </div> </template> -<style scoped lang="scss"> -.statuscontainer { - width: 87%; - position: relative; -} -.logmenu { - margin-left: 5rem; - min-width: 60vw; -} -#code { - overflow: auto; -} -.refresh { - position: absolute; - right: 0; -} -.logoutput { - width: 95%; - height: 85vh; - margin-top: $offset; - margin-right: $offset; - margin-left: $offset; - text-align: left; - background-color: white; - overflow: auto; - transition: $transition-fast; -} +<style lang="sass" scoped> +.statuscontainer + width: 87% + position: relative + +.logmenu + margin-left: 5rem + min-width: 60vw + +#code + overflow: auto + +.refresh + position: absolute + right: 0 + +.logoutput + width: 95% + height: 85vh + margin-top: $offset + margin-right: $offset + margin-left: $offset + text-align: left + background-color: white + overflow: auto + transition: $transition-fast -.spacer { - margin-left: $offset; - height: 90vh; -} +.spacer + margin-left: $offset + height: 90vh -.spacer-collapsed { - min-width: $icon-width + $offset; - transition: $transition-fast; -} +.spacer-collapsed + min-width: $icon-width + $offset + transition: $transition-fast -.spacer-expanded { - min-width: $sidebar-width + $offset; -} +.spacer-expanded + min-width: $sidebar-width + $offset -.statusline { - position: absolute; - right: 0; - margin-top: 0.3rem; - margin-left: $offset; - margin-right: 7rem; -} +.statusline + position: absolute + right: 0 + margin-top: 0.3rem + margin-left: $offset + margin-right: 7rem </style> <script>