facilityCard.scss 3.55 KB
Newer Older
Mattias J Duffy's avatar
Mattias J Duffy committed
1
@import '../_variables.scss';
Andrew Hrdy's avatar
Andrew Hrdy committed
2
@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
8
9
10
  position: relative;
}

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

.fc-small-grid-container-spacing {
  margin: -2px -8px !important;
}

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

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

26
27
28
.fc-media {
  flex: 1;
  height: 115px;
29
  border-radius: 5px 5px 0 0 !important;
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
}

.fc-logo-container {
  width: 100px;
  height: 100px;
  margin: auto;
  margin-top: -60px;
  border-radius: 90px;
  border: 5px solid white;
}

.fc-logo {
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

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

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

59
60
61
62
.fc-extra-info-wrapper {
  padding-top: 8px;
}

63
64
65
66
67
68
.fc-two-line-ellipsis {
  position: relative;
  line-height: 1em;
  max-height: 2em;
  overflow: hidden;
}
69

Andrew Hrdy's avatar
Andrew Hrdy committed
70
.fc-toggle-map-btn-container {
71
72
73
  display: none !important;
}

74
75
76
77
78
79
80
81
82
83
84
85
86
87
@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;
    /* autoprefixer: on */
  }
}

.fc-one-line-ellipsis {
  white-space: nowrap;
88
  text-overflow: ellipsis;
89
  overflow: hidden;
90
91
}

Andrew Hrdy's avatar
Andrew Hrdy committed
92
93
94
95
96
97
98
99
100
101
102
//Above lg
@media screen and (min-width: map-get($breakpoints, lg)) {
  .fc-root {
    @include transition(150ms ease-in-out);

    &.fc-selected {
      transform: scale(.9);
    }
  }
}

103
//Between lg and xl
Andrew Hrdy's avatar
Andrew Hrdy committed
104
@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
105
  .fc-root {
106
    width: 250px * $fc-lg-scale;
107
108
109
110
111
112
113
114
    height: 230px;
  }

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

  .fc-media {
115
    height: 115px * $fc-lg-scale;
116
117
118
  }

  .fc-logo-container {
119
120
121
    width: 100px * $fc-lg-scale;
    height: 100px * $fc-lg-scale;
    margin-top: -60px * $fc-lg-scale;
122
    border-radius: 50%;
123
    border: 5px * $fc-lg-scale solid white;
124
125
126
  }

  .fc-logo {
127
128
    width: 100px * $fc-lg-scale;
    height: 100px * $fc-lg-scale;
129
130
  }

131
  .fc-extra-info {
132
133
    font-size: 11px;
  }
134

135
136
137
138
  .fc-card-map-marker-icon {
    height: 20px !important;
    width: 20px !important;
  }
139
140
}

141
//Under lg
Andrew Hrdy's avatar
Andrew Hrdy committed
142
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
143
144
145
146
147
148
  .fc-root {
    &.fc-selected {
      .fc-one-line-ellipsis {
        white-space: normal;
        overflow: inherit;
      }
149

Andrew Hrdy's avatar
Andrew Hrdy committed
150
      .fc-toggle-map-btn-container {
151
        display: block !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
152
153
154
      }

      .fc-toggle-map-btn {
155
156
        width: 100% !important;
      }
Andrew Hrdy's avatar
Andrew Hrdy committed
157

158
159
      .fc-extra-info {
        max-width: 100% ;
Andrew Hrdy's avatar
Andrew Hrdy committed
160
161
        width: 100%;
        justify-content: center;
162
        padding: 4px 8px !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
163
164
      }

165
166
      .fc-card-content {
        padding-bottom: 0 !important;
Andrew Hrdy's avatar
Andrew Hrdy committed
167
      }
168
169
    }
  }
170

171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
  .fc-small-grid-item-spacing {
    padding: 0 8px !important;
  }

  .fc-media {
    height: 115px * $fc-sm-scale;
  }

  .fc-logo-container {
    width: 100px * $fc-sm-scale;
    height: 100px * $fc-sm-scale;
    margin-top: -60px * $fc-sm-scale;
    border-radius: 50%;
    border: 5px * $fc-sm-scale solid white;
  }

  .fc-logo {
    width: 100px * $fc-sm-scale;
    height: 100px * $fc-sm-scale;
  }

  .fc-extra-info {
    font-size: 11px;
  }

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

201
202
203
  .fc-map-dialog {
    width: 100% !important;
  }
204
}