effet header

This commit is contained in:
2021-03-31 22:16:20 +02:00
parent 35d3203647
commit c82e8fa645
3 changed files with 45 additions and 33 deletions
@@ -113,6 +113,7 @@ $dropdown-color: #f6f6f6;
z-index: 1000;
position: relative;
padding-bottom: 1px;
}
ul {
@@ -143,19 +144,19 @@ $dropdown-color: #f6f6f6;
-webkit-backface-visibility: hidden;
&:before, &:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: $core-accent;
visibility: hidden;
@include transform(scaleX(0));
@include transition(all 0.2s ease);
}
// &:before, &:after {
// content: "";
// position: absolute;
// width: 100%;
// height: 1px;
// bottom: 0;
// left: 0;
// background-color: $core-accent;
// visibility: hidden;
// @include transform(scaleX(0));
// @include transition(all 0.2s ease);
//
// }
&:hover:before {
visibility: visible;
@@ -174,6 +175,7 @@ $dropdown-color: #f6f6f6;
top: 0;
visibility: visible;
@include transform(scaleX(0.75));
}
}
@@ -198,6 +200,9 @@ $dropdown-color: #f6f6f6;
&.active > a {
background-color: darken($dropdown-color, 4%);
color: $core-accent;
}
&:hover > a {
@@ -224,6 +229,7 @@ $dropdown-color: #f6f6f6;
/* Active on Hover */
&:hover > ul {
display: block;
}
}
@@ -293,6 +299,7 @@ $dropdown-color: #f6f6f6;
}
a:before, a:after {
background-color: rgba($header-text,0.7) !important;
}
}