effet header
This commit is contained in:
@@ -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;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user