place-card.component.scss 1.6 KB
Newer Older
mdsecurity's avatar
mdsecurity committed
1
@import '../../../../global-styles';
mdsecurity's avatar
mdsecurity committed
2
.place-card {
mdsecurity's avatar
mdsecurity committed
3
	position: relative;
4
5
6
7
8
9
10
11
12
13
14
	width: 210px;
	height: 240px;
	background-color: white;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin-right: auto;
	margin-left: auto;
	border-radius: 4px;
	box-shadow: 12px 15px 20px rgba(46, 61, 73, .15);
	margin: 20px 15px 20px 15px;
mdsecurity's avatar
mdsecurity committed
15
16
17
}

.place-picture {
18
19
20
21
	width: 210px;
	height: 118px;
	// background-color: grey;
	// image-rendering: crisp-edges;
mdsecurity's avatar
mdsecurity committed
22
}
mdsecurity's avatar
mdsecurity committed
23
24
25
26
27
28
29
.title-container{
	margin:8px 0px 8px 0px;
	height:32px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
30
}
31
32

.place-open-badge {
mdsecurity's avatar
mdsecurity committed
33
	min-height: 20px;
34
35
	width: 88px;
	height: 20px;
mdsecurity's avatar
mdsecurity committed
36
	margin: 0px auto 0px auto;
37
38
39
40
41
	background-color: #3ac550;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
42
43
}

44
45
46
47
48
.place-status {
	font-family: NunitoSans-SemiBold;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 0px 3px;
49
}
50
51
52
53
54
55
56

.place-divider {
	width: 2px;
	height: 100%;
	background-color: white;
	opacity: .75;
	margin: 0px 4px 0px 4px;
mdsecurity's avatar
mdsecurity committed
57
}
58
59
60
61
62
63

.place-time-remaining {
	/* Time: */
	font-family: NunitoSans-Regular;
	font-size: 11px;
	color: #FFFFFF;
mdsecurity's avatar
mdsecurity committed
64
}
65
66
67
68
69
70
71
72
73

.place-location {
	/* Location: */
	font-family: NunitoSans-Regular;
	font-size: 11px;
	color: #7F8FA4;
	letter-spacing: -0.28px;
	line-height: 13px;
	margin: 9px auto 0px auto;
mdsecurity's avatar
mdsecurity committed
74
}
75
76
77

.place-error-feedback {
	/* error: */
mdsecurity's avatar
mdsecurity committed
78
79
80
81
	position:absolute;
	bottom:0px;
	right:5px;
	z-index: 1000;
82
83
84
85
86
	font-family: NunitoSans-Regular;
	font-size: 9px;
	color: #7F8FA4;
	letter-spacing: -0.22px;
	line-height: 13px;
mdsecurity's avatar
mdsecurity committed
87
}
mdsecurity's avatar
mdsecurity committed
88
89
90
91
92
93
94
.closed-shader{
	position: absolute;
	width:100%;
	height: 100%;
	opacity: .3;
	background-color: black;
}