Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3503 stevensc 1 
.mainSection {
3922 stevensc 2 
  display: block;
3503 stevensc 3 
}
4 
 
3994 stevensc 5 
.feed-section {
3503 stevensc 6 
  display: flex;
7 
  flex-direction: column;
8 
  gap: 10px;
9 
}
10 
 
11 
.sectionHeader {
12 
  display: flex;
13 
  flex-direction: column;
14 
}
15 
 
16 
.suggestions {
17 
  background: $bg-color;
18 
  margin-bottom: 1rem;
19 
}
20 
 
21 
.postsList {
22 
  display: flex;
23 
  align-items: flex-start;
24 
  padding: 1rem;
25 
  gap: 0.5rem;
26 
  flex-direction: column;
3927 stevensc 27 
  border-right: 1px solid $border-primary;
28 
  min-width: 50vw;
3503 stevensc 29 
  h4 {
30 
    font-weight: bold;
31 
    font-size: 1.1rem;
32 
  }
33 
  span {
34 
    font-size: 0.9rem;
35 
  }
36 
  img {
37 
    width: 100%;
3608 stevensc 38 
    height: 150px;
3503 stevensc 39 
    object-fit: cover;
3927 stevensc 40 
  }
4087 stevensc 41 
  a.btn {
42 
    padding: 0.2rem 0.6rem;
43 
  }
3927 stevensc 44 
  @include maxwidth("medium") {
45 
    border-right: none;
46 
    border-top: 1px solid $border-primary;
3933 stevensc 47 
    min-width: auto;
3927 stevensc 48 
    img {
3608 stevensc 49 
      height: 180px;
50 
    }
3503 stevensc 51 
  }
52 
}
53 
 
54 
.suggestionList {
55 
  max-height: 30vh;
56 
  overflow: auto;
57 
}
58 
 
59 
.userProfile {
60 
  background-color: $bg-color;
3971 stevensc 61 
  padding: 1rem;
3503 stevensc 62 
  position: relative;
3968 stevensc 63 
  border-radius: $border-radius;
64 
  border: 1px solid $border-primary;
65 
  display: flex;
66 
  flex-direction: column;
67 
  gap: 0.5rem;
3503 stevensc 68 
  &__header {
69 
    display: none;
70 
    flex-direction: column;
71 
    justify-content: center;
72 
    align-items: center;
73 
    position: relative;
74 
    z-index: 0;
3968 stevensc 75 
    display: flex;
76 
    flex-direction: column;
77 
    gap: 0.5rem;
3503 stevensc 78 
    &__imgContainer {
79 
      width: 100px;
80 
      max-height: 100px;
81 
      img {
82 
        border-radius: 50%;
3577 stevensc 83 
        background: #fff;
3503 stevensc 84 
      }
85 
    }
86 
  }
87 
 
88 
  &__headerBackground {
89 
    display: none;
90 
    position: absolute;
91 
    height: 60px;
92 
    width: 100%;
93 
    top: 0;
94 
    left: 0;
95 
    z-index: 0;
96 
    border-radius: 5px 5px 0 0;
97 
  }
98 
 
99 
  &__connectionInfo {
100 
    display: flex;
101 
    justify-content: space-around;
102 
    align-items: center;
103 
    &__infoContainer {
104 
      display: flex;
105 
      flex-direction: column;
106 
      justify-content: center;
107 
      align-items: center;
108 
      flex: 50%;
109 
      &__title {
110 
        font-size: 0.9rem;
3579 stevensc 111 
        color: $subtitle-color;
3503 stevensc 112 
      }
113 
      &__info {
114 
        font-size: 0.9rem;
115 
        padding: 0 0.3rem;
116 
        color: $font-color;
117 
      }
118 
    }
119 
  }
120 
}
121 
 
122 
.widget {
123 
  display: flex;
124 
  align-items: center;
125 
  justify-content: space-around;
126 
  background-color: $bg-color;
127 
  padding: 0.5rem;
3966 stevensc 128 
  border-radius: $border-radius;
3503 stevensc 129 
  &__app {
130 
    display: flex;
131 
    flex-direction: column;
132 
    align-items: center;
133 
    justify-content: center;
134 
    flex: 100%;
135 
    text-align: center;
136 
    &__img {
137 
      width: 50px;
138 
      height: 50px;
3579 stevensc 139 
      border-radius: 50%;
3503 stevensc 140 
    }
141 
    &__title {
3579 stevensc 142 
      color: $font-color;
3503 stevensc 143 
      font-size: 0.9rem;
144 
    }
145 
  }
146 
}
147 
 
148 
@include maxwidth("medium") {
149 
  .mobile_widget {
150 
    display: none;
151 
  }
152 
 
153 
  .widget {
154 
    flex-direction: column;
155 
    &__app:not(:first-child) {
156 
      margin-top: 0.5rem;
157 
    }
158 
  }
159 
 
160 
  .sectionHeader {
161 
    display: flex;
162 
    flex-direction: column;
163 
    grid-area: header;
164 
  }
165 
 
166 
  .userProfile {
167 
    display: block;
168 
    &__header {
169 
      display: flex;
170 
    }
171 
 
172 
    &__headerBackground {
173 
      display: block;
174 
    }
175 
    &__connectionInfo {
176 
      flex-direction: column;
177 
      &__infoContainer:not(:last-child) {
178 
        margin-bottom: 0.5rem;
179 
      }
180 
    }
181 
  }
182 
 
183 
  .suggestions {
184 
    display: block;
185 
  }
4087 stevensc 186 
}