Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6830 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6830 stevensc 1 
.sidebar {
2 
    position: relative;
3 
    display: flex;
4 
    flex-direction: column;
5 
    gap: .5rem;
6 
    height: fit-content;
7 
    grid-area: sidebar;
8 
}
9 
 
10 
.sidebar__top {
11 
    align-items: center;
12 
    background-color: #fff;
13 
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .08);
14 
    gap: 0.5rem;
15 
    display: flex;
16 
    flex-direction: column;
17 
    padding-top: 10px;
18 
    overflow: hidden;
19 
 
20 
    p,
21 
    h1 {
22 
        font-size: 0.9rem;
23 
        padding: 0 1rem;
24 
    }
25 
 
26 
    h2,
27 
    h1 {
28 
        padding: 0 1rem;
29 
        text-align: center;
30 
    }
31 
 
32 
    .sidebar__cover {
33 
        width: 100%;
34 
        height: 60px;
35 
        object-fit: cover;
36 
        margin-bottom: -20px;
37 
    }
38 
}
39 
 
40 
.sidebar__bottom {
41 
    align-items: center;
42 
    background-color: #fff;
43 
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .08);
44 
    display: flex;
45 
    flex-direction: column;
46 
    overflow: hidden;
47 
    padding: 10px 0;
48 
}
49 
 
50 
.sidebar-apps__widget {
51 
    background-color: #fff;
52 
    padding: 1rem;
53 
    gap: 0.5rem;
54 
 
55 
    @media (min-width: 768px) {
56 
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
57 
        border-radius: 10px;
58 
    }
59 
}
60 
 
61 
.sidebar__options {
62 
    display: none;
63 
}
64 
 
65 
.sidebar__options.show {
66 
    display: block;
67 
}
68 
 
69 
.sideabar__footer {
70 
    display: grid;
71 
    place-items: center;
72 
}
73 
 
74 
.sideabar__footer>button {
75 
    border: none;
76 
    background-color: #0000;
77 
    width: 100%;
78 
    margin-top: 10px;
79 
    color: gray;
80 
}
81 
 
82 
.sideabar__footer>button:hover {
83 
    background-color: rgba(0, 0, 0, 0.08);
84 
}
85 
 
86 
 
87 
@media (min-width: 576px) {
88 
    .sidebar__top {
89 
        border-radius: 10px;
90 
    }
91 
 
92 
    .sidebar__bottom {
93 
        border-radius: 10px;
94 
    }
95 
 
96 
    .sidebar__stats:nth-last-child(1) {
97 
        border-radius: 10px;
98 
        border-top-right-radius: 0;
99 
        border-top-left-radius: 0;
100 
    }
101 
}
102 
 
103 
@media (min-width: 768px) {
104 
    .sideabar__footer {
105 
        display: none;
106 
    }
107 
 
108 
    .sidebar__options {
109 
        display: block;
110 
    }
111 
}