favoriteButton.scss 981 Bytes
Newer Older
Andrew Hrdy's avatar
Andrew Hrdy committed
1
2
3
4
.favorite-button-heart {
  position: absolute;
  top: 0;
  right: 0;
5
6
7
  height: 24px !important;
  width: 24px !important;
  padding: 5px !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
8
  cursor: pointer;
9
}
Andrew Hrdy's avatar
Andrew Hrdy committed
10
11
12

.favorite-button-heart-favorited {
  color: #E91E63; //TODO: Somehow use materials color system
13
}
Andrew Hrdy's avatar
Andrew Hrdy committed
14
15
16

.favorite-button-heart-hover {
  color: grey;
17
}
Andrew Hrdy's avatar
Andrew Hrdy committed
18
19

.favorite-button-heart-no-hover {
20
  color: rgba(0, 0, 0, 0);
Andrew Hrdy's avatar
Andrew Hrdy committed
21
22
}

23
24
//Between lg and xl
@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
Andrew Hrdy's avatar
Andrew Hrdy committed
25
  .favorite-button-heart {
26
27
28
29
30
31
32
33
34
35
36
37
    height: 24px * $favorite-button-lg-scale !important;
    width: 24px * $favorite-button-lg-scale !important;
    padding: 5px * $favorite-button-lg-scale !important;
  }
}

//Under lg
@media screen and (max-width: map-get($breakpoints, lg)) {
  .favorite-button-heart {
    height: 24px * $favorite-button-sm-scale !important;
    width: 24px * $favorite-button-sm-scale !important;
    padding: 5px * $favorite-button-sm-scale !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
38
39
  }
}