Mercurial > gemma

comparison client/src/application/assets/application.sass @ 1256:3c84035b1f1b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
adjusted box shadows
author Markus Kottlaender <markus@intevation.de>
date Wed, 21 Nov 2018 12:36:06 +0100
parents 104d41ea7c15
children f80d1fd54806
comparison
equal deleted inserted replaced
1255:13abf612cd9d 1256:3c84035b1f1b
12 * Author(s): 12 * Author(s):
13 * Thomas Junk <thomas.junk@intevation.de> 13 * Thomas Junk <thomas.junk@intevation.de>
14 */ 14 */
15 $basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75) 15 $basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75)
16 $basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75) 16 $basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75)
17 $shadow-xs: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2)
17 $border-radius: 0.25rem 18 $border-radius: 0.25rem
18 $icon-height: 2rem 19 $icon-height: 2rem
19 $icon-width: 2rem 20 $icon-width: 2rem
20 $large-offset: 2rem 21 $large-offset: 2rem
21 $offset: 1rem 22 $offset: 1rem
44 transform: translate(-50%, -50%) 45 transform: translate(-50%, -50%)
45 46
46 .ui-element 47 .ui-element
47 pointer-events: auto 48 pointer-events: auto
48 49
50 .shadow-xs
51 box-shadow: $shadow-xs
52
49 .box 53 .box
50 max-height: 0 54 max-height: 0
51 max-width: 0 55 max-width: 0
52 overflow: hidden 56 overflow: hidden
53 margin-left: 0 57 margin-left: 0
54 margin-right: 0 58 margin-right: 0
55 box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2) 59 box-shadow: $shadow-xs
56 transition: max-width .4s, max-height .4s, margin-left .4s, margin-right .4s 60 transition: max-width .4s, max-height .4s, margin-left .4s, margin-right .4s
57 61
58 .expanded 62 .expanded
59 max-height: 999px 63 max-height: 999px
60 max-width: 999px 64 max-width: 999px
68 justify-content: center 72 justify-content: center
69 display: flex 73 display: flex
70 background: #fff 74 background: #fff
71 margin-bottom: $offset 75 margin-bottom: $offset
72 border-radius: $border-radius 76 border-radius: $border-radius
73 box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2) 77 box-shadow: $shadow-xs
74 z-index: 2 78 z-index: 2
75 pointer-events: auto 79 pointer-events: auto
76 .inverted 80 .inverted
77 color: #07f 81 color: #07f
78 .grey 82 .grey