Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
6094 stevensc 1 
@use "../../settings/mixins.scss";
2 
 
3 
.knowledge-record-card {
4 
    @include mixins.widget;
5 
    font-family: 'Roboto';
6 
    font-style: normal;
6095 stevensc 7 
    padding: 1rem;
8 
    display: flex;
9 
    flex-direction: column;
10 
    gap: .5rem;
6094 stevensc 11 
 
12 
    &> {
6099 stevensc 13 
        a img {
6094 stevensc 14 
            width: 100%;
15 
            height: auto;
16 
        }
17 
 
18 
        h2 {
19 
            color: $title-color;
20 
            font-weight: 800;
21 
        }
22 
 
23 
        h3 {
24 
            color: $subtitle-color;
25 
            font-weight: 400;
26 
        }
27 
 
28 
        p {
29 
            color: $font-color;
30 
            font-weight: 400;
31 
            text-align: justify;
32 
            text-justify: inter-word;
33 
        }
34 
    }
6099 stevensc 35 
 
36 
    .knowledge-record-card-actions {
37 
        display: flex;
38 
        align-items: center;
39 
        justify-content: space-between;
40 
    }
6106 stevensc 41 
 
42 
    .reaction-btn {
43 
        align-items: center;
44 
        border-radius: 10px;
45 
        display: inline-flex;
46 
        gap: 0.5rem;
47 
        padding: 10px;
48 
        position: relative;
49 
        transition: background-color 200ms ease;
50 
 
51 
        &:hover {
52 
            background-color: #f5f5f5;
53 
        }
54 
    }
6094 stevensc 55 
}
56 
 
57 
.knowledge-record-list {
6095 stevensc 58 
    display: grid;
59 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
6094 stevensc 60 
    gap: 1rem;
61 
}
62 
 
63 
 
64 
.knowledge-category-list {
6099 stevensc 65 
    @include mixins.widget;
66 
    padding: 1rem;
6094 stevensc 67 
    width: 100%;
68 
    font-family: 'Roboto';
69 
    font-style: normal;
70 
 
6099 stevensc 71 
    ul {
72 
        display: flex;
73 
        flex-direction: column;
74 
        gap: .5rem;
6094 stevensc 75 
 
6099 stevensc 76 
        li {
77 
            font-weight: 400;
78 
            font-size: 16px;
79 
            color: $font-color;
6100 stevensc 80 
            padding: .5rem;
81 
            border-radius: $border-radius;
6094 stevensc 82 
 
6100 stevensc 83 
            &.knowledge-category-li-selected {
6099 stevensc 84 
                background-color: $bg-color-secondary;
85 
            }
86 
        }
87 
    }
6094 stevensc 88 
}
89 
 
90 
.knowledge-add-container {
91 
    padding-top: 10px;
92 
    padding-bottom: 10px;
93 
    text-align: center;
94 
}
95 
 
96 
.knowledge-add-a {
97 
    font-family: 'Roboto';
98 
    font-style: normal;
99 
    font-weight: 400;
100 
    font-size: 16px;
101 
    line-height: 19px;
102 
 
103 
 
104 
    color: #666666;
105 
 
106 
}