нужно задать только для родительских LI высоту
и нифига не получается сделать
она или нифига не задается или задается абсолютно всем
вот код
.nav{
padding-left: 20px;
ul{
display: flex;
list-style-type: none;
li{
flex-grow: 1;
text-align: center;
position: relative;
a{
color: rgb(56, 56, 56);
font-size: 15px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0%;
text-align: left;
text-decoration: none;
i{
font-size: 11px;
margin-top: 5px;
margin-left: 4px;
}
}
ul{
visibility: hidden;
position: absolute;
left: 0;
top: 60px;
transition: 0.5s opacity ease-in-out, 0.5s top ease-in-out;
opacity: 0;
padding: 20px 0;
min-width: 250px;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
&:hover{
ul{
visibility: visible;
top: 30px;
opacity: 1;
display: block;
background: #FFF;
li{
display: block;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,0.05);
a{
padding: 15px 20px;
display: block;
}
}
}
}
}
}
}
а вот это нифига применить нормально не могу
.nav{
padding-left: 20px;
> ul {
> li {
height: 83px; /* Применяем только к родительским элементам <li> */
}
}
}
Как правильно в less эту херабору написать?