1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- #page-wrapper{
- .mobile-menu{
- display: none;
- }
- & > header{
- z-index: 999;
- padding-top: 1.4rem;
- .logo{
- z-index: 999;
- width: 20rem;
- position: fixed;
- right: 0px;
- top: 0;
- transform: translate(-25%, 19rem) rotate(90deg);
- transform-origin: bottom right;
- }
- .desktop-menu{
- & > nav.dropmenu{
- & > ul{
- @include flexbox;
- & > li{
- margin-right: 1.2rem;
- & > ul{
- position: absolute;
- top: -100px;
- background: white;
- a{
- transition: 0.3s color ease;
- color: white;
- }
- }
- &:hover{
- & > ul{
- position: absolute;
- top: auto;
- a{
- &.active{
- color: black;
- }
- transition: 0.3s color ease;
- color: $grey;
- }
- & > li{
- &:hover{
- a{
- color: black;
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- #start{
- header.sous_nav{
- padding-top: 6rem;
- ul{
- @include flexbox;
- li{
- margin-right: 1rem;
- a{
- color: $grey;
- &.active{
- color: black;
- }
- }
- }
- }
- }
- }
- }
|