Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6552 | Ir a la última revisión | | Ultima modificación | Ver Log |

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