Mercurial > gemma
diff client/src/components/map/contextbox/Contextbox.vue @ 1449:bb47531bdd22
sass to scss
| author | Thomas Junk <thomas.junk@intevation.de> |
|---|---|
| date | Mon, 03 Dec 2018 10:19:59 +0100 |
| parents | f7139b814a6c |
| children |
line wrap: on
line diff
--- a/client/src/components/map/contextbox/Contextbox.vue Mon Dec 03 09:28:28 2018 +0100 +++ b/client/src/components/map/contextbox/Contextbox.vue Mon Dec 03 10:19:59 2018 +0100 @@ -62,30 +62,35 @@ }; </script> -<style lang="sass" scoped> -.contextbox - position: relative - background-color: #ffffff - opacity: $slight-transparent - transition: max-width 0.3s, max-height 0.3s - overflow: hidden - background: #fff - > div:last-child - width: 600px +<style lang="scss" scoped> +.contextbox { + position: relative; + background-color: #ffffff; + opacity: $slight-transparent; + transition: max-width 0.3s, max-height 0.3s; + overflow: hidden; + background: #fff; +} +.contextbox > div:last-child { + width: 600px; +} -.contextboxcollapsed - max-width: 0 - max-height: 0 +.contextboxcollapsed { + max-width: 0; + max-height: 0; +} -.contextboxextended - max-width: 600px - max-height: 640px +.contextboxextended { + max-width: 600px; + max-height: 640px; +} -.close-contextbox - position: absolute - z-index: 2 - right: 0 - top: 7px - height: $icon-width - width: $icon-height +.close-contextbox { + position: absolute; + z-index: 2; + right: 0; + top: 7px; + height: $icon-width; + width: $icon-height; +} </style>