grav-lecampus/user/themes/lecampus/scss/theme/_header.scss

header{
  z-index: 999;
  position: relative;
  @include inlineflex();
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border-bottom: 1px solid $light-blue;
  nav{
    @include inlineflex();
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100px;
    width: 70%;
    flex-wrap: nowrap;
    .logo{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      a{
        display: block;
        margin: auto;
      }
    }
    &.dropmenu{
      a{
        padding: 10px;
      }
      & > ul{
        @include inlineflex();
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        & > li{
          text-align: center;
          max-width: 250px;
          &>a{
            line-height: 6rem;
            border-top: 1px solid $light-blue;
            border-bottom: 3px solid $green;

          }
          padding: 0 20px;
          & > ul{
            display: none;
            margin-top: -1.5rem;
            li{
              background-color: white;
              text-align: center;
              a{
                display: block;
                padding: 10px;
                position: relative;
                &:before{
                  content: "";
                  position: absolute;
                  width: 100%;
                  height: 3px;
                  bottom: 0;
                  left: 0;
                  background-color: $green;
                  visibility: hidden;
                  -webkit-transform: scaleX(0);
                  transform: scaleX(0);
                  -webkit-transition: all 0.3s ease-in-out 0s;
                  transition: all 0.3s ease-in-out 0s;
                }
              }
            }

          }
          &:hover{
            & > ul{
              display: block;
              li:hover{
                a:hover:before {
                  visibility: visible;
                  -webkit-transform: scaleX(1);
                  transform: scaleX(1);
                }
              }
            }
          }
        }
      }
    }
    .reso{
      @include inlineflex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      a{
        display: block;
        width: 35px;
        margin: auto 5px;
      }
    }
  }
}