Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
4500 stevensc 1 
.linked__widget,
2 
.suggest__widget {
3 
    background: #fff;
4 
    padding: 1rem;
5 
    border-radius: 10px;
6 
    display: flex;
7 
    flex-direction: column;
8 
    gap: 1rem;
9 
    border: 1px solid lightgray;
10 
    height: fit-content;
11 
    & > a {
12 
        font-size: 1rem;
13 
        color: gray;
14 
        svg {
15 
            font-size: 1.3rem;
16 
        }
17 
    }
18 
    img {
19 
        width: 60px;
20 
        height: 60px;
21 
        border-radius: 50%;
22 
    }
4503 stevensc 23 
    p {
24 
        padding: 0 1rem;
25 
    }
4500 stevensc 26 
    .linked__widget-header {
27 
        display: flex;
28 
        align-items: center;
29 
        justify-content: space-between;
4502 stevensc 30 
        h3 {
31 
            font-weight: 600;
32 
        }
4500 stevensc 33 
    }
34 
    .linked__widget-list {
35 
        display: flex;
36 
        flex-direction: column;
37 
        gap: 0.5rem;
38 
    }
39 
    .linked__widget-content {
40 
        display: flex;
41 
        align-items: center;
42 
        gap: 0.5rem;
43 
        .linked__widget-info {
44 
            display: flex;
45 
            flex-direction: column;
46 
            gap: 5px;
47 
            align-items: flex-start;
48 
            h4 {
49 
                font-weight: 600;
50 
            }
51 
            p {
52 
                color: gray;
53 
            }
54 
            .btn {
55 
                border-radius: 30px;
56 
                font-weight: 600;
57 
                background: transparent !important;
58 
                border: 2px solid lightgray !important;
59 
                border-radius: 30px;
60 
                color: gray !important;
61 
                &:hover {
62 
                    background: lightgray !important;
63 
                    color: #fff !important;
64 
                }
65 
            }
66 
        }
67 
    }
68 
}
69 
.suggest__widget {
70 
    padding: 0;
71 
    .linked__widget-list {
72 
        padding: 0 1rem;
73 
    }
74 
    .linked__widget-header {
75 
        padding: 1rem 1rem 0;
76 
    }
77 
    .load__suggest {
78 
        width: 100%;
79 
        display: flex;
80 
        align-items: center;
81 
        justify-content: center;
82 
        padding: 0.5rem 0;
83 
        color: rgba(0, 0, 0, 0.6);
84 
        cursor: pointer;
85 
        &:hover {
86 
            background-color: rgba(0, 0, 0, 0.08);
87 
        }
88 
    }
89 
}
4510 stevensc 90 
 
91 
.description__label {
92 
    label {
93 
        font-size: 1rem;
4516 stevensc 94 
        font-weight: 600;
4510 stevensc 95 
    }
96 
    p {
97 
        font-size: 0.9rem;
98 
    }
99 
    margin-bottom: 1rem;
100 
}
4512 stevensc 101 
 
4519 stevensc 102 
.button {
103 
    border-radius: 30px;
104 
    align-items: center;
105 
    padding-left: 1rem !important;
106 
    padding-right: 1rem !important;
107 
    border: none;
108 
    cursor: pointer;
109 
    font-weight: 600;
110 
    display: inline-flex;
111 
    justify-content: center;
112 
    min-width: 6.4rem;
113 
    max-width: 480px;
114 
    overflow: hidden;
115 
    text-align: center;
116 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
117 
}
118 
 
4518 stevensc 119 
.btn-primary {
120 
    color: #fff;
121 
    background-color: #0a66c2;
122 
    &:hover {
123 
        background-color: #004182;
124 
    }
125 
}
126 
 
4512 stevensc 127 
.members-image__list {
128 
    display: flex;
129 
    align-items: center;
130 
    gap: 0.5rem;
131 
    flex-wrap: nowrap;
4515 stevensc 132 
    justify-content: space-between;
4512 stevensc 133 
    overflow: hidden;
4515 stevensc 134 
    padding: 0 1rem;
4512 stevensc 135 
}