Mercurial > gemma
comparison client/src/imports/Imports.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 | 1d4801145a2d |
| children | ddfdf440da24 |
comparison
equal
deleted
inserted
replaced
| 1190:e3de65179889 | 1191:b23622905a3f |
|---|---|
| 175 "HBO" | 175 "HBO" |
| 176 ] | 176 ] |
| 177 }; | 177 }; |
| 178 </script> | 178 </script> |
| 179 | 179 |
| 180 <style lang="scss" scoped> | 180 <style lang="sass" scoped> |
| 181 .close-showImportSoundingResults { | 181 .close-showImportSoundingResults |
| 182 position: absolute; | 182 position: absolute |
| 183 z-index: 2; | 183 z-index: 2 |
| 184 right: 0; | 184 right: 0 |
| 185 top: 7px; | 185 top: 7px |
| 186 border-radius: $border-radius; | 186 border-radius: $border-radius |
| 187 height: $icon-width; | 187 height: $icon-width |
| 188 width: $icon-height; | 188 width: $icon-height |
| 189 } | 189 |
| 190 .label-text { | 190 .label-text |
| 191 width: 10rem; | 191 width: 10rem |
| 192 text-align: left; | 192 text-align: left |
| 193 line-height: 2.25rem; | 193 line-height: 2.25rem |
| 194 } | 194 |
| 195 .importcard { | 195 .importcard |
| 196 height: 100%; | 196 height: 100% |
| 197 } | 197 |
| 198 .importcardbody { | 198 .importcardbody |
| 199 position: relative; | 199 position: relative |
| 200 height: 100%; | 200 height: 100% |
| 201 width: 90%; | 201 width: 90% |
| 202 margin-left: auto; | 202 margin-left: auto |
| 203 margin-right: auto; | 203 margin-right: auto |
| 204 } | 204 |
| 205 .imports { | 205 .imports |
| 206 position: relative; | 206 position: relative |
| 207 background-color: white; | 207 background-color: white |
| 208 width: 30rem; | 208 width: 30rem |
| 209 height: 28rem; | 209 height: 28rem |
| 210 margin-left: auto; | 210 margin-left: auto |
| 211 margin-right: auto; | 211 margin-right: auto |
| 212 border-radius: $border-radius; | 212 border-radius: $border-radius |
| 213 opacity: $slight-transparent; | 213 opacity: $slight-transparent |
| 214 } | 214 |
| 215 .downloadbtn { | 215 .downloadbtn |
| 216 position: absolute; | 216 position: absolute |
| 217 right: $offset; | 217 right: $offset |
| 218 bottom: $offset; | 218 bottom: $offset |
| 219 } | 219 |
| 220 | 220 .downloadbtn a |
| 221 .downloadbtn a { | 221 margin-right: $offset |
| 222 margin-right: $offset; | |
| 223 } | |
| 224 </style> | 222 </style> |