Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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