favoriteButton.scss 1012 Bytes
Newer Older
Mattias J Duffy's avatar
Mattias J Duffy committed
1
2
@import '../_variables.scss';

Andrew Hrdy's avatar
Andrew Hrdy committed
3
4
5
6
.favorite-button-heart {
  position: absolute;
  top: 0;
  right: 0;
7
8
9
  height: 24px !important;
  width: 24px !important;
  padding: 5px !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
10
  cursor: pointer;
11
}
Andrew Hrdy's avatar
Andrew Hrdy committed
12
13
14

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

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

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

25
26
//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
27
  .favorite-button-heart {
28
29
30
31
32
33
34
35
36
37
38
39
    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
40
41
  }
}