Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6268 | 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;
6095 stevensc 5 
    padding: 1rem;
6 
    display: flex;
7 
    flex-direction: column;
8 
    gap: .5rem;
6261 stevensc 9 
    height: 100%;
6094 stevensc 10 
 
11 
    &> {
6099 stevensc 12 
        a img {
6094 stevensc 13 
            width: 100%;
14 
            height: auto;
15 
        }
16 
 
17 
        h2 {
18 
            color: $title-color;
19 
            font-weight: 800;
20 
        }
21 
 
22 
        h3 {
23 
            color: $subtitle-color;
24 
            font-weight: 400;
25 
        }
26 
 
27 
        p {
28 
            color: $font-color;
29 
            font-weight: 400;
30 
            text-align: justify;
31 
            text-justify: inter-word;
32 
        }
33 
    }
6099 stevensc 34 
 
35 
    .knowledge-record-card-actions {
36 
        display: flex;
37 
        align-items: center;
6254 stevensc 38 
        gap: .5rem;
6263 stevensc 39 
 
40 
        &>* {
41 
            flex: 1;
6267 stevensc 42 
            max-width: calc(100% / 3);
6263 stevensc 43 
        }
6099 stevensc 44 
    }
6106 stevensc 45 
 
46 
    .reaction-btn {
47 
        align-items: center;
48 
        border-radius: 10px;
49 
        display: inline-flex;
50 
        gap: 0.5rem;
6259 stevensc 51 
        justify-content: center;
6106 stevensc 52 
        padding: 10px;
53 
        position: relative;
6263 stevensc 54 
        width: -webkit-fill-available;
6106 stevensc 55 
        transition: background-color 200ms ease;
56 
 
57 
        &:hover {
58 
            background-color: #f5f5f5;
59 
        }
60 
    }
6116 stevensc 61 
 
6119 stevensc 62 
    .reactions {
6116 stevensc 63 
        position: absolute;
64 
        bottom: calc(100% + 0.5rem);
65 
        background-color: $bg-color;
66 
        box-shadow: 0px 0px 3px #000;
67 
        gap: 0.5rem;
68 
        left: 50%;
69 
        display: none;
70 
        padding: 0.2rem;
71 
        width: fit-content;
72 
        border-radius: 20px;
73 
        transform: translateX(-50%);
74 
 
75 
        &.active {
76 
            display: flex;
77 
        }
78 
    }
6094 stevensc 79 
}
80 
 
81 
.knowledge-record-list {
6095 stevensc 82 
    display: grid;
83 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
6094 stevensc 84 
    gap: 1rem;
85 
}
86 
 
87 
 
88 
.knowledge-category-list {
6099 stevensc 89 
    @include mixins.widget;
90 
    padding: 1rem;
6094 stevensc 91 
    width: 100%;
92 
 
6099 stevensc 93 
    ul {
94 
        display: flex;
95 
        flex-direction: column;
96 
        gap: .5rem;
6094 stevensc 97 
 
6099 stevensc 98 
        li {
99 
            font-weight: 400;
100 
            font-size: 16px;
101 
            color: $font-color;
6100 stevensc 102 
            padding: .5rem;
103 
            border-radius: $border-radius;
6094 stevensc 104 
 
6100 stevensc 105 
            &.knowledge-category-li-selected {
6099 stevensc 106 
                background-color: $bg-color-secondary;
107 
            }
108 
        }
109 
    }
6094 stevensc 110 
}
111 
 
6241 stevensc 112 
.input-group-btn .btn {
113 
    height: -webkit-fill-available;
6242 stevensc 114 
 
115 
    &-file {
116 
        display: flex;
117 
        align-items: center;
118 
 
119 
        span {
120 
            color: #fff;
121 
        }
122 
    }
6094 stevensc 123 
}