Mercurial > gemma
diff client/src/login/Login.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 | 2fda33d55d81 |
children | ba8cd80d68b6 |
line wrap: on
line diff
--- a/client/src/login/Login.vue Fri Nov 16 12:15:51 2018 +0100 +++ b/client/src/login/Login.vue Fri Nov 16 14:37:07 2018 +0100 @@ -51,46 +51,39 @@ </div> </template>) -<style lang="scss" scoped> -.login { - background-color: white; - min-width: 375px; - min-height: 500px; - @extend %fully-centered; -} +<style lang="sass" scoped> +.login + background-color: white + min-width: 375px + min-height: 500px + @extend %fully-centered -.loginform { - max-width: 375px; - margin-left: auto; - margin-right: auto; -} +.loginform + max-width: 375px + margin-left: auto + margin-right: auto -.loginmask { - position: relative; - margin-left: $large-offset; - margin-right: $large-offset; - margin-top: $large-offset; -} +.loginmask + position: relative + margin-left: $large-offset + margin-right: $large-offset + margin-top: $large-offset -.logo { - margin-right: $offset; -} +.logo + margin-right: $offset -.alert { - padding: 0.5rem; -} +.alert + padding: 0.5rem -.secondary-logo { - max-width: 375px; - margin-left: auto; - margin-right: auto; - margin-bottom: auto; -} +.secondary-logo + max-width: 375px + margin-left: auto + margin-right: auto + margin-bottom: auto /* avoid IE and Edge show a password reveal as we do our own */ -input[type="password"]::-ms-reveal { - display: none; -} +input[type="password"]::-ms-reveal + display: none </style> <script>