static/.gallery.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

.gallery {
  display: flex;
  flex-wrap: wrap;
}

.gallery-element {
  background: #e6ebf6;
  cursor: pointer;
  display: block;
  min-width: 200px;
  padding: 10px;
  width: 32%;
  min-height: 200px;
  margin: 0.8%;
  border: gray 1px solid;
}

.gallery-element:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -ms-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}