Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3956 Rev 5442
Línea -... Línea 1...
- 
 
 1 
@use "../../settings/mixins.scss";
- 
 
 2 
 
1 
.shareFeed {
 3 
.share-feed {
- 
 
 4 
  @include mixins.widget;
2 
  display: flex;
 5 
  display: flex;
3 
  flex-direction: column;
 6 
  flex-direction: column;
4 
  align-items: flex-start;
 - 
 
5 
  padding: 24px 36px;
 7 
  padding: 1rem;
6 
  gap: 22px;
 8 
  gap: 1rem;
7 
  width: 100%;
 9 
  width: 100%;
8 
  height: 100%;
 - 
 
9 
  max-height: 130px;
 10 
  max-height: 130px;
10 
  background-color: $bg-color;
 - 
 
11 
  border-radius: 5px;
 - 
 
12 
  box-shadow: $shadow;
 - 
 
13 
  border-top: 1px solid $border-primary;
 - 
 
14 
  border-bottom: 1px solid $border-primary;
 - 
 
15 
}
 11 
}
Línea 16... Línea 12...
16 
 
 12 
 
17 
.formContainer {
 13 
.formContainer {
18 
  display: flex;
 14 
  display: flex;
Línea 38... Línea 34...
38 
  display: flex;
 34 
  display: flex;
39 
  align-items: center;
 35 
  align-items: center;
40 
  justify-content: flex-start;
 36 
  justify-content: flex-start;
41 
  gap: 0.5rem;
 37 
  gap: 0.5rem;
42 
  width: 75%;
 38 
  width: 75%;
- 
 
 39 
 
43 
  img {
 40 
  img {
44 
    border-radius: 100px;
 41 
    border-radius: 100px;
45 
    width: 43px;
 42 
    width: 43px;
46 
    height: 43px;
 43 
    height: 43px;
47 
    object-fit: cover;
 44 
    object-fit: cover;
48 
    background-color: #fff;
 45 
    background-color: #fff;
49 
  }
 46 
  }
- 
 
 47 
 
50 
  input {
 48 
  input {
51 
    background-color: $bg-color !important;
 49 
    background-color: $bg-color !important;
52 
    border: none !important;
 50 
    border: none !important;
53 
    box-shadow: none !important;
 51 
    box-shadow: none !important;
54 
    outline: none !important;
 52 
    outline: none !important;
Línea 59... Línea 57...
59 
.shareIconContainer {
 57 
.shareIconContainer {
60 
  display: grid;
 58 
  display: grid;
61 
  place-items: center;
 59 
  place-items: center;
62 
  width: 28px;
 60 
  width: 28px;
63 
  height: 28px;
 61 
  height: 28px;
- 
 
 62 
 
64 
  .shareIcon {
 63 
  .shareIcon {
65 
    color: $icons-color;
 64 
    color: $icons-color;
66 
  }
 65 
  }
- 
 
 66 
 
67 
  &:hover {
 67 
  &:hover {
68 
    background: $font-color;
 68 
    background: $font-color;
69 
    border-radius: 10px;
 69 
    border-radius: 10px;
- 
 
 70 
 
70 
    .shareIcon {
 71 
    .shareIcon {
71 
      color: $bg-color;
 72 
      color: $bg-color;
72 
    }
 73 
    }
73 
  }
 74 
  }
74 
}
 75 
}
Línea 75... Línea 76...
75 
 
 76 
 
76 
.iconActive {
 77 
.iconActive {
77 
  border-radius: 10px;
 78 
  border-radius: 10px;
- 
 
 79 
  background: $font-color;
78 
  background: $font-color;
 80 
 
79 
  .shareIcon {
 81 
  .shareIcon {
80 
    color: $bg-color;
 82 
    color: $bg-color;
81 
    transform: rotate(45deg);
 83 
    transform: rotate(45deg);
82 
    transition: all 0.2s;
 84 
    transition: all 0.2s;
- 
 
 85 
  }
83 
  }
 86 
 
84 
  &:hover {
 87 
  &:hover {
- 
 
 88 
    background: $font-color;
85 
    background: $font-color;
 89 
 
86 
    .shareIcon {
 90 
    .shareIcon {
87 
      color: $bg-color;
 91 
      color: $bg-color;
88 
      transform: rotate(0);
 92 
      transform: rotate(0);
89 
    }
 93 
    }
90 
  }
 94 
  }
91 
}
 95 
}