Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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