Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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