Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5597 | | 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;
5458 stevensc 6 
  display: none;
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 
 
5601 stevensc 22 
  &>svg {
23 
    font-size: 2rem;
24 
  }
25 
 
5597 stevensc 26 
  @include mixins.for-size(desktop) {
5458 stevensc 27 
    display: flex;
5455 stevensc 28 
    order: 4;
29 
  }
3488 stevensc 30 
}
31 
 
32 
.userDropdown {
33 
  background-color: $bg-color;
34 
  box-shadow: $light-shadow;
35 
  border: 1px solid $border-primary;
5455 stevensc 36 
  padding: 1rem;
37 
  position: absolute;
38 
  right: 0;
39 
  top: calc(100% + 0.5rem);
5456 stevensc 40 
  transition: transform 200ms;
5455 stevensc 41 
  z-index: 200;
42 
 
3488 stevensc 43 
  ul {
44 
    display: flex;
45 
    flex-direction: column;
5455 stevensc 46 
    gap: 0.5rem;
47 
 
3488 stevensc 48 
    a {
49 
      color: $font-color;
5455 stevensc 50 
 
3488 stevensc 51 
      &:hover {
5455 stevensc 52 
        text-shadow: 0 0 0 $font-color;
3488 stevensc 53 
      }
5456 stevensc 54 
    }
5455 stevensc 55 
 
5456 stevensc 56 
    li:is(:last-child) a {
57 
      font-weight: 600;
5455 stevensc 58 
 
5456 stevensc 59 
      &:hover {
60 
        text-shadow: 0 0 0 $danger;
3488 stevensc 61 
      }
62 
    }
63 
  }
64 
}
65 
 
66 
.fadeIn {
5456 stevensc 67 
  transform: scaleY(1);
3488 stevensc 68 
}
69 
 
70 
.fadeOut {
5456 stevensc 71 
  transform: scaleY(0);
5455 stevensc 72 
}