Mercurial > gemma
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 1190:e3de65179889 | 1191:b23622905a3f |
|---|---|
| 49 <div class="mb-3 secondary-logo"><img :src="secondaryLogo"></div> | 49 <div class="mb-3 secondary-logo"><img :src="secondaryLogo"></div> |
| 50 </div> | 50 </div> |
| 51 </div> | 51 </div> |
| 52 </template>) | 52 </template>) |
| 53 | 53 |
| 54 <style lang="scss" scoped> | 54 <style lang="sass" scoped> |
| 55 .login { | 55 .login |
| 56 background-color: white; | 56 background-color: white |
| 57 min-width: 375px; | 57 min-width: 375px |
| 58 min-height: 500px; | 58 min-height: 500px |
| 59 @extend %fully-centered; | 59 @extend %fully-centered |
| 60 } | |
| 61 | 60 |
| 62 .loginform { | 61 .loginform |
| 63 max-width: 375px; | 62 max-width: 375px |
| 64 margin-left: auto; | 63 margin-left: auto |
| 65 margin-right: auto; | 64 margin-right: auto |
| 66 } | |
| 67 | 65 |
| 68 .loginmask { | 66 .loginmask |
| 69 position: relative; | 67 position: relative |
| 70 margin-left: $large-offset; | 68 margin-left: $large-offset |
| 71 margin-right: $large-offset; | 69 margin-right: $large-offset |
| 72 margin-top: $large-offset; | 70 margin-top: $large-offset |
| 73 } | |
| 74 | 71 |
| 75 .logo { | 72 .logo |
| 76 margin-right: $offset; | 73 margin-right: $offset |
| 77 } | |
| 78 | 74 |
| 79 .alert { | 75 .alert |
| 80 padding: 0.5rem; | 76 padding: 0.5rem |
| 81 } | |
| 82 | 77 |
| 83 .secondary-logo { | 78 .secondary-logo |
| 84 max-width: 375px; | 79 max-width: 375px |
| 85 margin-left: auto; | 80 margin-left: auto |
| 86 margin-right: auto; | 81 margin-right: auto |
| 87 margin-bottom: auto; | 82 margin-bottom: auto |
| 88 } | |
| 89 | 83 |
| 90 /* avoid IE and Edge show a password reveal as we do our own */ | 84 /* avoid IE and Edge show a password reveal as we do our own */ |
| 91 input[type="password"]::-ms-reveal { | 85 input[type="password"]::-ms-reveal |
| 92 display: none; | 86 display: none |
| 93 } | |
| 94 </style> | 87 </style> |
| 95 | 88 |
| 96 <script> | 89 <script> |
| 97 import { mapState } from "vuex"; | 90 import { mapState } from "vuex"; |
| 98 import { HTTP } from "../application/lib/http.js"; | 91 import { HTTP } from "../application/lib/http.js"; |