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