Mercurial > gemma
comparison client/src/morphtool/Morphtool.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 | 74e180ad3d6b |
| children | 9d93968db2cd |
comparison
equal
deleted
inserted
replaced
| 1190:e3de65179889 | 1191:b23622905a3f |
|---|---|
| 33 </div> | 33 </div> |
| 34 </div> | 34 </div> |
| 35 </div> | 35 </div> |
| 36 </template> | 36 </template> |
| 37 | 37 |
| 38 <style scoped lang="scss"> | 38 <style scoped lang="sass"> |
| 39 .headline { | 39 .headline |
| 40 margin-right: $offset; | 40 margin-right: $offset |
| 41 margin-left: $offset; | 41 margin-left: $offset |
| 42 } | 42 |
| 43 .morphcontainer { | 43 .morphcontainer |
| 44 margin-bottom: $offset; | 44 margin-bottom: $offset |
| 45 margin-left: auto; | 45 margin-left: auto |
| 46 border-radius: $border-radius; | 46 border-radius: $border-radius |
| 47 } | 47 |
| 48 .surveylist { | 48 .surveylist |
| 49 text-align: left; | 49 text-align: left |
| 50 margin-bottom: $offset !important; | 50 margin-bottom: $offset !important |
| 51 margin-left: $offset; | 51 margin-left: $offset |
| 52 margin-right: $offset; | 52 margin-right: $offset |
| 53 } | |
| 54 | 53 |
| 55 .surveylist li { | 54 .surveylist li |
| 56 margin-left: auto; | 55 margin-left: auto |
| 57 margin-right: auto; | 56 margin-right: auto |
| 58 border-style: none; | 57 border-style: none |
| 59 padding-bottom: 0rem; | 58 padding-bottom: 0rem |
| 60 } | |
| 61 | 59 |
| 62 .morphtool { | 60 .morphtool |
| 63 position: relative; | 61 position: relative |
| 64 background-color: white; | 62 background-color: white |
| 65 border-radius: $border-radius; | 63 border-radius: $border-radius |
| 66 height: $icon-width; | 64 height: $icon-width |
| 67 margin-top: auto; | 65 margin-top: auto |
| 68 margin-bottom: auto; | 66 margin-bottom: auto |
| 69 z-index: 2; | 67 z-index: 2 |
| 70 } | |
| 71 | 68 |
| 72 .morphtoolminus { | 69 .morphtoolminus |
| 73 position: absolute; | 70 position: absolute |
| 74 top: 0; | 71 top: 0 |
| 75 right: 0; | 72 right: 0 |
| 76 background-color: white; | 73 background-color: white |
| 77 padding: $small-offset; | 74 padding: $small-offset |
| 78 border-radius: $border-radius; | 75 border-radius: $border-radius |
| 79 height: $icon-width; | 76 height: $icon-width |
| 80 width: $icon-height; | 77 width: $icon-height |
| 81 z-index: 2; | 78 z-index: 2 |
| 82 } | |
| 83 </style> | 79 </style> |
| 84 | 80 |
| 85 <script> | 81 <script> |
| 86 /* | 82 /* |
| 87 * This is Free Software under GNU Affero General Public License v >= 3.0 | 83 * This is Free Software under GNU Affero General Public License v >= 3.0 |