Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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