facilityCard.scss 2.27 KB
Newer Older
1
2
@import "../_variables.scss";
@import "../_mixins.scss";
Mattias J Duffy's avatar
Mattias J Duffy committed
3

4
5
.fc-root {
  width: 250px;
6
  border-radius: 5px !important;
7
  position: relative;
8
  cursor: pointer;
9
10
11
}

.fc-card-content {
12
  padding: 8px 4px 0 !important;
13
14
15
16
17
18
}

.fc-small-grid-item-spacing {
  padding: 3px 8px !important;
}

19
20
21
22
.fc-display-hours {
  white-space: nowrap;
}

23
24
25
26
.fc-ellipsis-container {
  width: 100%;
}

27
28
29
.fc-media {
  flex: 1;
  height: 115px;
30
  border-radius: 5px 5px 0 0 !important;
31
32
33
34
35
}

.fc-logo-container {
  width: 100px;
  height: 100px;
36
  margin: -60px auto auto auto;
Mattias J Duffy's avatar
Mattias J Duffy committed
37
  border-radius: 50%;
38
39
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 3px 3px -2px rgba(0, 0, 0, 0.12);
Mattias J Duffy's avatar
Mattias J Duffy committed
40
  overflow: hidden;
Andrew Hrdy's avatar
Andrew Hrdy committed
41
  background-color: white;
42
43
44
}

.fc-logo {
Mattias J Duffy's avatar
Mattias J Duffy committed
45
46
  width: 90px;
  height: 90px;
47
  margin: auto;
48
  object-fit: contain !important;
49
50
51
52
53
54
}

.fc-title {
  font-weight: bold !important;
}

55
.fc-extra-info {
56
57
58
59
60
  display: flex;
  align-items: center;
  max-width: 50%;
}

Andrew Hrdy's avatar
Andrew Hrdy committed
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
.fc-one-line-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fc-two-line-ellipsis {
  position: relative;
  line-height: 1em;
  max-height: 2em;
  overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
  .fc-two-line-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    /* autoprefixer: off */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

85
.desktop-layout-root {
Andrew Hrdy's avatar
Andrew Hrdy committed
86
87
88
89
  .fc-root {
    @include transition(150ms ease-in-out);

    &.fc-selected {
90
      transform: scale(0.9);
Andrew Hrdy's avatar
Andrew Hrdy committed
91
    }
92
93
94

    &:hover {
      .favorite-button-heart {
95
        color: grey;
96

97
98
99
        @media (prefers-color-scheme: dark) {
          color: white;
        }
100
101
      }
    }
Andrew Hrdy's avatar
Andrew Hrdy committed
102
103
104
  }
}

105
106
107
108
.fc-root {
  width: 270px !important;
  display: flex !important;
  align-items: center !important;
109
110
}

111
112
113
114
.fc-card-content {
  flex: 1;
  min-width: 0;
}
115

116
117
118
.fc-media {
  display: none !important;
}
119

120
121
122
.fc-title-container {
  width: 90%;
}
123

124
125
126
127
128
129
130
.fc-extra-info {
  max-width: 100% !important;
  width: 100% !important;
  padding: 2px 0 !important;
  justify-content: center;
  font-size: 11px;
}
131

132
133
134
.fc-small-grid-item-spacing {
  padding: 0 8px !important;
}
135

136
137
138
.fc-logo-container {
  margin: 0 0 0 5px !important;
}
139

140
.fc-logo {
141
  margin: 5px;
142
}
143

144
145
146
.fc-card-map-marker-icon {
  height: 20px !important;
  width: 20px !important;
147
}