Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5455 | Rev 5458 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5455 stevensc 1 
@use "../../settings/mixins.scss";
3488 stevensc 2 
 
3 
.userImgContainer {
5455 stevensc 4 
  align-items: center;
5 
  cursor: pointer;
3488 stevensc 6 
  display: flex;
5455 stevensc 7 
  gap: 0.5rem;
3488 stevensc 8 
  position: relative;
5455 stevensc 9 
  order: 2;
10 
 
3488 stevensc 11 
  h3 {
12 
    font-weight: bold;
13 
  }
14 
 
5455 stevensc 15 
  img {
16 
    width: 65px;
17 
    height: 65px;
18 
    border-radius: 50%;
19 
    object-fit: contain;
20 
  }
21 
 
22 
  @include mixins.for-size(desktop) {
23 
    order: 4;
24 
  }
3488 stevensc 25 
}
26 
 
27 
.userDropdown {
28 
  background-color: $bg-color;
29 
  box-shadow: $light-shadow;
30 
  border: 1px solid $border-primary;
5455 stevensc 31 
  padding: 1rem;
32 
  position: absolute;
33 
  right: 0;
34 
  top: calc(100% + 0.5rem);
5456 stevensc 35 
  transition: transform 200ms;
5455 stevensc 36 
  z-index: 200;
37 
 
3488 stevensc 38 
  ul {
39 
    display: flex;
40 
    flex-direction: column;
5455 stevensc 41 
    gap: 0.5rem;
42 
 
3488 stevensc 43 
    a {
44 
      color: $font-color;
5455 stevensc 45 
 
3488 stevensc 46 
      &:hover {
5455 stevensc 47 
        text-shadow: 0 0 0 $font-color;
3488 stevensc 48 
      }
5456 stevensc 49 
    }
5455 stevensc 50 
 
5456 stevensc 51 
    li:is(:last-child) a {
52 
      font-weight: 600;
5455 stevensc 53 
 
5456 stevensc 54 
      &:hover {
55 
        text-shadow: 0 0 0 $danger;
3488 stevensc 56 
      }
57 
    }
58 
  }
59 
}
60 
 
61 
.fadeIn {
5456 stevensc 62 
  transform: scaleY(1);
3488 stevensc 63 
}
64 
 
65 
.fadeOut {
5456 stevensc 66 
  transform: scaleY(0);
5455 stevensc 67 
}