Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
@import "../../../css/shared/variables.scss";
2 
@import "../../../css/shared/breakpoints.scss";
3 
 
4 
.postContainer {
5 
  display: flex;
6 
  flex-direction: column;
7 
  background-color: white;
8 
  padding: 2rem;
9 
  margin-bottom: 1rem;
1481 steven 10 
  border: solid 1px var(--border-light-gray);
11 
  border-radius: var(--global-border-radius);
1 www 12 
}
13 
 
14 
.commentSection {
15 
  max-height: 400px;
16 
  overflow-y: auto;
17 
  background: $background-gray;
18 
  margin-top: 1rem;
19 
  padding: 1rem;
20 
}
21 
 
22 
.feedCommentContainer {
23 
  display: flex;
24 
  flex-direction: column;
25 
  justify-content: flex-start;
2216 stevensc 26 
  align-items: center;
1 www 27 
  margin-top: 1rem;
2215 stevensc 28 
  gap: 10px;
1 www 29 
 
30 
  .commentInput {
31 
    margin: 0;
32 
    width: 100%;
33 
    padding: 0.5rem 1rem;
34 
    border: 1px solid rgb(219, 219, 219);
1481 steven 35 
    border-radius: var(--global-border-radius);
1 www 36 
    font-size: 1rem;
2215 stevensc 37 
    height: 2.2rem;
1 www 38 
  }
39 
 
40 
  .submitButton {
41 
    height: 2.5rem;
42 
    margin: 0;
43 
    width: auto;
44 
    margin-top: 0.5rem;
45 
    background-color: $primary-lightblue;
46 
    border: none;
47 
    padding: 0.5rem 1rem;
1053 steven 48 
    color: white !important;
1481 steven 49 
    border-radius: var(--global-border-radius);
1 www 50 
    border: 1px solid $primary-lightblue;
51 
    font-size: 1rem;
52 
    transition: 0.2s;
53 
 
54 
    &:hover {
55 
      background-color: $primary-lightblue-hover;
56 
    }
57 
  }
58 
}
59 
 
60 
@include maxwidth("medium") {
61 
  .feedCommentContainer {
62 
    flex-direction: row;
63 
    justify-content: space-between;
64 
    align-items: center;
65 
 
66 
    .submitButton {
67 
      margin: 0;
68 
      margin-left: 0.5rem;
69 
      display: flex;
70 
      justify-content: center;
71 
      align-items: center;
72 
    }
73 
  }
74 
}