Mercurial > gemma
diff client/src/usermanagement/Users.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 | 3372cf2a55c7 |
line wrap: on
line diff
--- a/client/src/usermanagement/Users.vue Fri Nov 16 12:15:51 2018 +0100 +++ b/client/src/usermanagement/Users.vue Fri Nov 16 14:37:07 2018 +0100 @@ -69,80 +69,67 @@ </div> </template> -<style lang="scss" scoped> -@import "../application/assets/tooltip.scss"; -.main { - height: 100vh; -} +<style lang="sass" scoped> +@import "../application/assets/tooltip.scss" -.backwards { - margin-right: 0.5rem; -} +.main + height: 100vh + +.backwards + margin-right: 0.5rem -.forwards { - margin-left: 0.5rem; -} +.forwards + margin-left: 0.5rem -.content { - margin-top: $large-offset; - margin-left: auto; - margin-right: auto; -} +.content + margin-top: $large-offset + margin-left: auto + margin-right: auto -.adduser { - margin-right: $offset; - padding-bottom: $offset; -} +.adduser + margin-right: $offset + padding-bottom: $offset -.icon { - font-size: large; -} +.icon + font-size: large -.userlist { - margin-top: $topbarheight; - margin-right: $offset; - min-width: 520px; - height: 100%; -} +.userlist + margin-top: $topbarheight + margin-right: $offset + min-width: 520px + height: 100% -.pagination { - margin-left: auto; - margin-right: auto; -} -.userlistsmall { - width: 30vw; -} +.pagination + margin-left: auto + margin-right: auto + +.userlistsmall + width: 30vw -.userlistextended { - width: 70vw; -} +.userlistextended + width: 70vw -.table { - width: 90% !important; - margin: auto; -} +.table + width: 90% !important + margin: auto .table th, -.pages { - cursor: pointer; -} +.pages + cursor: pointer .table th, -td { - font-size: 0.9rem; - border-top: 0px !important; - text-align: left; - padding: 0.5rem !important; -} +td + font-size: 0.9rem + border-top: 0px !important + text-align: left + padding: 0.5rem !important -.table td { - font-size: 0.9rem; - cursor: pointer; -} +.table td + font-size: 0.9rem + cursor: pointer -tr span { - display: flex; -} +tr span + display: flex </style> <script>