Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5785 Rev 5817
Línea 6... Línea 6...
6 
  flex-direction: column;
 6 
  flex-direction: column;
7 
  gap: 1rem;
 7 
  gap: 1rem;
8 
  padding: 1rem;
 8 
  padding: 1rem;
9 
}
 9 
}
Línea 10... Línea 10...
10 
 
 10 
 
11 
.reaction-btn {
 11 
.reactions {
- 
 
 12 
  position: absolute;
- 
 
 13 
  bottom: calc(100% + .5rem);
- 
 
 14 
  background-color: $bg-color;
- 
 
 15 
  box-shadow: 0px 0px 3px #000;
- 
 
 16 
  gap: .5rem;
- 
 
 17 
  left: 50%;
- 
 
 18 
  display: none;
- 
 
 19 
  padding: .2rem;
- 
 
 20 
  width: fit-content;
- 
 
 21 
  border-radius: 20px;
Línea 12... Línea -...
12 
  position: relative;
 - 
 
13 
 
 - 
 
14 
  .reactions {
 - 
 
15 
    position: absolute;
 - 
 
16 
    bottom: calc(100% + .5rem);
 - 
 
17 
    background-color: $bg-color;
 - 
 
18 
    box-shadow: 0px 0px 3px #000;
 - 
 
19 
    gap: .5rem;
 - 
 
20 
    left: 50%;
 - 
 
21 
    display: none;
 - 
 
22 
    padding: .2rem;
 - 
 
23 
    width: fit-content;
 - 
 
24 
    border-radius: 20px;
 - 
 
25 
    transform: translateX(-50%);
 22 
  transform: translateX(-50%);
26 
 
 23 
 
27 
    button {
 24 
  button {
28 
      transition: all .2s;
 25 
    transition: all .2s;
29 
 
 26 
 
30 
      svg {
 - 
 
31 
        font-size: 32px;
 - 
 
32 
      }
 - 
 
33 
 
 - 
 
34 
      &:hover {
 - 
 
35 
        transform: scale(1.2) translateY(-5px);
 27 
    svg {
Línea 36... Línea 28...
36 
      }
 28 
      font-size: 32px;
37 
    }
 - 
 
38 
 
 29 
    }
39 
    &.active {
 - 
 
40 
      display: flex;
 30 
 
41 
      transform-origin: bottom;
 31 
    &:hover {
- 
 
 32 
      transform: scale(1.2) translateY(-5px);
- 
 
 33 
    }
- 
 
 34 
  }
- 
 
 35 
 
- 
 
 36 
  &.active {
- 
 
 37 
    display: flex;
42 
      animation: animationIn .2s;
 38 
    transform-origin: bottom;
Línea 43... Línea 39...
43 
    }
 39 
    animation: animationIn .2s;
44 
  }
 40 
  }
45 
}
 41 
}