Mercurial > gemma
comparison client/src/application/assets/application.scss @ 638:c2f040dba57f
feat: collapsible layer selection
The layerselection has now a clickable icon, which
allows it to collapse/expand the layerselection.
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 13 Sep 2018 10:09:08 +0200 |
parents | f2097d2aa048 |
children | 5daee6e32c56 |
comparison
equal
deleted
inserted
replaced
637:e72229d54c42 | 638:c2f040dba57f |
---|---|
4 $large-offset: 2rem; | 4 $large-offset: 2rem; |
5 $x-large-offset: 3rem; | 5 $x-large-offset: 3rem; |
6 $basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75); | 6 $basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75); |
7 $basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75); | 7 $basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75); |
8 $transition: 0.5s; | 8 $transition: 0.5s; |
9 $transition-fast: 0.1s; | 9 $transition-fast: 0.3s; |
10 $transition-slow: 3s; | 10 $transition-slow: 3s; |
11 $smaller: 0.9rem; | 11 $smaller: 0.9rem; |
12 $border-radius: 5px; | 12 $border-radius: 5px; |
13 $sidebar-width: 15rem; | 13 $sidebar-width: 15rem; |
14 $sidebar-height: 13rem; | 14 $sidebar-height: 13rem; |
15 $icon-height: 2rem; | 15 $icon-height: 2rem; |
16 $icon-width: 2rem; | 16 $icon-width: 2rem; |
17 $layerselect-height: 20rem; | |
18 $layerselect-width: 20rem; | |
17 | 19 |
18 .debug { | 20 .debug { |
19 border: 1px solid red; | 21 border: 1px solid red; |
20 } | 22 } |
21 | 23 |