Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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