Lav menu bold på hover uden at rykke de andre punkter
Mon Nov 01 2021 09:51:55 GMT+0000 (Coordinated Universal Time)
Saved by
@Emilgg
Erstat den her i menu.cshtml på linje 48.
<a href="@GetLink(item)" target="@GetTarget(item)">
med
<a href="@GetLink(item)" title="@GetName(item)" target="@GetTarget(item)">
Smid :after ind i _menuDesktop.scss som nedenstående
nav#menu {
float: left;
z-index: 9;
/* 1st level */
ul {
position: relative;
list-style: none;
padding: 0;
@include transition(200ms, #{'opacity, color, background-color'});
}
li {
float: left;
position: relative;
a {
@include transition(200ms, #{'opacity, color, background-color'});
white-space: nowrap;
display: block;
color: $colorLink;
text-decoration: none;
margin-right: 60px;
&:after {
@include transition();
display: block;
content: attr(title);
font-weight: bold;
height: 0;
overflow: hidden;
visibility: hidden;
}
}
content_copyCOPY
Comments