Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6553 | Rev 6555 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6522 efrain 1 
.my-coach-record-card {
6552 stevensc 2 
	background: var(--bg-color);
3 
	border: 1px solid var(--border-primary);
4 
	border-radius: var(--border-radius);
5 
	height: fit-content;
6 
	box-shadow: var(--light-shadow);
7 
	width: 100%;
8 
	padding: 1rem;
9 
	display: flex;
10 
	flex-direction: column;
11 
	gap: .5rem;
12 
	height: 100%
6522 efrain 13 
}
14 
 
6553 stevensc 15 
.my-coach-record-card-container {
16 
	background: var(--bg-color);
17 
	border: 1px solid var(--border-primary);
18 
	border-radius: var(--border-radius);
19 
	height: fit-content;
20 
	padding: 1rem;
6552 stevensc 21 
	display: flex;
6553 stevensc 22 
	flex-direction: column;
23 
	gap: .5rem;
6522 efrain 24 
}
25 
 
6554 stevensc 26 
.my-coach-record-card-container .my-coach-record-card-details {
27 
	align-items: center;
28 
	display: flex;
29 
	gap: 1rem;
30 
}
31 
 
6522 efrain 32 
.my-coach-record-card .my-coach-record-card-resume {
33 
	flex: 20%;
34 
}
35 
 
36 
.my-coach-record-card .my-coach-record-card-content {
37 
	margin-left: 5px;
38 
	flex: 80%;
39 
}
40 
 
41 
.my-coach-record-card .my-coach-record-card-content span.question {
42 
 
43 
	font-family: 'Roboto';
44 
	font-style: normal;
45 
	font-weight: 700;
46 
	font-size: 12px;
47 
	line-height: 14px;
48 
	/* identical to box height */
6552 stevensc 49 
 
6522 efrain 50 
	display: flex;
51 
	align-items: center;
6552 stevensc 52 
 
6522 efrain 53 
	color: #9A9A9A;
54 
}
55 
 
56 
.my-coach-record-card .my-coach-record-card-content ul.my-coach-record-card-categories li {
57 
	display: inline;
58 
	background: var(--bg-color-secondary);
59 
	padding: 10px;
60 
	border-radius: 10px;
61 
	margin-right: 5px;
6552 stevensc 62 
 
6522 efrain 63 
}
64 
 
6553 stevensc 65 
.my-coach-answers-list {
66 
	display: flex;
67 
	flex-direction: column;
68 
	gap: .5rem;
69 
}
6522 efrain 70 
 
6553 stevensc 71 
 
6552 stevensc 72 
@media(max-width: 767px) {
73 
	.my-coach-record-card {
74 
		border-radius: 0;
75 
		border-left: 0;
76 
		border-right: 0
6522 efrain 77 
	}
78 
}
6552 stevensc 79 
 
6522 efrain 80 
.my-coach-record-card>a {
6552 stevensc 81 
	width: fit-content
6522 efrain 82 
}
6552 stevensc 83 
 
84 
.my-coach-record-card>a h2 {
85 
	color: var(--title-color);
86 
	font-weight: 800
6522 efrain 87 
}
6552 stevensc 88 
 
6522 efrain 89 
.my-coach-record-card>h3 {
6552 stevensc 90 
	color: var(--subtitle-color);
91 
	font-weight: 400
6522 efrain 92 
}
6552 stevensc 93 
 
6522 efrain 94 
.my-coach-record-card>p {
6552 stevensc 95 
	color: var(--font-color);
96 
	font-weight: 400;
97 
	text-align: justify;
98 
	text-justify: inter-word
6522 efrain 99 
}
6552 stevensc 100 
 
6522 efrain 101 
.my-coach-record-card .my-coach-record-card-actions {
6552 stevensc 102 
	display: flex;
103 
	align-items: center;
104 
	gap: .5rem
6522 efrain 105 
}
6552 stevensc 106 
 
107 
.my-coach-record-card .my-coach-record-card-actions>* {
108 
	flex: 1;
109 
	max-width: 33.3333333333%
6522 efrain 110 
}
6552 stevensc 111 
 
112 
.my-coach-record-card .reaction-btn {
113 
	align-items: center;
114 
	border-radius: 10px;
115 
	display: inline-flex;
116 
	gap: .5rem;
117 
	justify-content: center;
118 
	padding: 10px;
119 
	position: relative;
120 
	width: -webkit-fill-available;
121 
	transition: background-color 200ms ease
6522 efrain 122 
}
6552 stevensc 123 
 
124 
.my-coach-record-card .reaction-btn:hover {
125 
	background-color: #f5f5f5
6522 efrain 126 
}
6552 stevensc 127 
 
128 
.my-coach-record-card .reactions {
129 
	position: absolute;
130 
	bottom: calc(100% + .5rem);
131 
	background-color: var(--bg-color);
132 
	box-shadow: 0px 0px 3px #000;
133 
	gap: .5rem;
134 
	left: 50%;
135 
	display: none;
136 
	padding: .2rem;
137 
	width: fit-content;
138 
	border-radius: 20px;
139 
	transform: translateX(-50%)
6522 efrain 140 
}
6552 stevensc 141 
 
6522 efrain 142 
.my-coach-record-card .reactions.active {
6552 stevensc 143 
	display: flex
6522 efrain 144 
}
6552 stevensc 145 
 
6522 efrain 146 
.my-coach-record-list {
6552 stevensc 147 
	display: grid;
148 
	gap: 1rem
6522 efrain 149 
}
6552 stevensc 150 
 
151 
.my-coach-category-list {
152 
	background: var(--bg-color);
153 
	border: 1px solid var(--border-primary);
154 
	border-radius: var(--border-radius);
155 
	height: fit-content;
156 
	box-shadow: var(--light-shadow);
157 
	width: 100%;
158 
	padding: 1rem;
159 
	width: 100%
6522 efrain 160 
}
6552 stevensc 161 
 
162 
@media(max-width: 767px) {
163 
	.my-coach-category-list {
164 
		border-radius: 0;
165 
		border-left: 0;
166 
		border-right: 0
6522 efrain 167 
	}
168 
}
6552 stevensc 169 
 
170 
.my-coach-category-list ul {
171 
	display: flex;
172 
	flex-direction: column;
173 
	gap: .5rem
6522 efrain 174 
}
6552 stevensc 175 
 
176 
.my-coach-category-list ul li {
177 
	font-weight: 400;
178 
	font-size: 16px;
179 
	color: var(--font-color);
180 
	padding: .5rem;
181 
	border-radius: var(--border-radius)
6522 efrain 182 
}
6552 stevensc 183 
 
184 
.my-coach-category-list ul li.my-coach-category-li-selected {
185 
	background-color: var(--bg-color-secondary)
6522 efrain 186 
}
6552 stevensc 187 
 
188 
.input-group-btn .btn {
189 
	height: -webkit-fill-available
190 
}