Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4056 | Rev 5667 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4056 Rev 5449
Línea -... Línea 1...
- 
 
 1 
@use "../../settings/mixins.scss";
- 
 
 2 
 
1 
.postContainer {
 3 
.feed {
- 
 
 4 
  @include mixins.widget;
2 
  display: flex;
 5 
  display: flex;
3 
  background-color: $bg-color;
 - 
 
4 
  box-shadow: $shadow;
 - 
 
5 
  padding: 1rem;
 - 
 
6 
  flex-direction: column;
 6 
  flex-direction: column;
7 
  border-top: 1px solid $border-primary;
 - 
 
8 
  border-bottom: 1px solid $border-primary;
 - 
 
9 
  gap: 1rem;
 7 
  gap: 1rem;
- 
 
 8 
  padding: 1rem;
10 
}
 9 
}
Línea 11... Línea 10...
11 
 
 10 
 
12 
.feedCommentContainer {
 11 
.feedCommentContainer {
13 
  display: flex;
 12 
  display: flex;
14 
  justify-content: flex-start;
 13 
  justify-content: flex-start;
15 
  align-items: center;
 14 
  align-items: center;
- 
 
 15 
  gap: 10px;
16 
  gap: 10px;
 16 
 
17 
  & > img {
 17 
  &>img {
18 
    border-radius: 100px;
 18 
    border-radius: 100px;
19 
    width: 43px;
 19 
    width: 43px;
20 
    height: 43px;
 20 
    height: 43px;
21 
    object-fit: cover;
 21 
    object-fit: cover;
22 
    background: #fff;
 22 
    background: #fff;
- 
 
 23 
  }
23 
  }
 24 
 
24 
  .commentInput {
 25 
  .commentInput {
25 
    margin: 0;
 26 
    margin: 0;
26 
    flex: 1;
 27 
    flex: 1;
27 
    padding: 0.5rem 0;
 28 
    padding: 0.5rem 0;
28 
    border: none;
 29 
    border: none;
29 
    font-size: 1rem;
 30 
    font-size: 1rem;
30 
    background-color: $bg-color;
 31 
    background-color: $bg-color;
- 
 
 32 
  }
31 
  }
 33 
 
32 
  .submitButton {
 34 
  .submitButton {
33 
    height: 2.5rem;
 35 
    height: 2.5rem;
34 
    margin: 0;
 36 
    margin: 0;
35 
    width: auto;
 37 
    width: auto;
Línea 40... Línea 42...
40 
    color: $bg-color;
 42 
    color: $bg-color;
41 
    border-radius: var(--global-border-radius);
 43 
    border-radius: var(--global-border-radius);
42 
    border: 1px solid $button-bg;
 44 
    border: 1px solid $button-bg;
43 
    font-size: 1rem;
 45 
    font-size: 1rem;
44 
    transition: 0.2s;
 46 
    transition: 0.2s;
- 
 
 47 
 
45 
    &:hover {
 48 
    &:hover {
46 
      background-color: $button-bg-hover;
 49 
      background-color: $button-bg-hover;
47 
    }
 50 
    }
48 
  }
 51 
  }
49 
}
 52 
}
50 

            53