Mercurial > gemma
diff client/src/importqueue/Importqueue.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 | 320e2720fe3d |
children | ba8cd80d68b6 |
line wrap: on
line diff
--- a/client/src/importqueue/Importqueue.vue Fri Nov 16 12:15:51 2018 +0100 +++ b/client/src/importqueue/Importqueue.vue Fri Nov 16 14:37:07 2018 +0100 @@ -124,61 +124,51 @@ }; </script> -<style lang="scss" scoped> -.spacer { - margin-left: $offset; - height: 100vh; -} +<style lang="sass" scoped> +.spacer + margin-left: $offset + height: 100vh -.spacer-collapsed { - min-width: $icon-width + $offset; - transition: $transition-fast; -} -.spacer-expanded { - min-width: $sidebar-width + $offset; -} +.spacer-collapsed + min-width: $icon-width + $offset + transition: $transition-fast -.importqueue { - margin-top: $offset; - margin-right: auto; - margin-left: auto; -} +.spacer-expanded + min-width: $sidebar-width + $offset + +.importqueue + margin-top: $offset + margin-right: auto + margin-left: auto -.importqueuecard { - width: 80vw; - min-height: 20rem; -} +.importqueuecard + width: 80vw + min-height: 20rem -.card-body { - width: 100%; - margin-left: auto; - margin-right: auto; -} +.card-body + width: 100% + margin-left: auto + margin-right: auto -.searchandfilter { - position: relative; - margin-bottom: $xx-large-offset; -} +.searchandfilter + position: relative + margin-bottom: $xx-large-offset -.filters { - position: absolute; - right: 0; -} +.filters + position: absolute + right: 0 -.filters button { - margin-right: $small-offset; -} +.filters button + margin-right: $small-offset .table td, -.table th { - border-top: 0 !important; - text-align: left; - padding: $small-offset !important; -} +.table th + border-top: 0 !important + text-align: left + padding: $small-offset !important -.searchgroup { - position: absolute; - left: 0; - width: 50%; -} +.searchgroup + position: absolute + left: 0 + width: 50% </style>