Other behavior for sidebar links
This commit is contained in:
parent
6f3fb3850f
commit
93341886d6
@ -10,10 +10,14 @@
|
||||
}
|
||||
|
||||
.LP-Menu__Item {
|
||||
padding: 15px 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
|
||||
.LP-Link{
|
||||
display: block;
|
||||
padding: 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.LP-Link__Text {
|
||||
@ -39,6 +43,11 @@
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.LP-Link:hover{
|
||||
background-color: $-almost-white;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -46,7 +55,7 @@
|
||||
|
||||
@media(max-width: $-viewport-medium){
|
||||
.LP-Menu{
|
||||
|
||||
&:not(&--sidebar){
|
||||
.LP-Menu__List{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@ -58,6 +67,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: $-viewport-extra-small){
|
||||
.LP-Menu{
|
||||
|
@ -239,10 +239,12 @@
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.LP-Menu .LP-Menu__Item {
|
||||
padding: 15px 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
background-color: transparent; }
|
||||
.LP-Menu .LP-Menu__Item .LP-Link {
|
||||
display: block;
|
||||
padding: 15px 0; }
|
||||
.LP-Menu .LP-Link__Text {
|
||||
color: #565656;
|
||||
font-weight: bold;
|
||||
@ -260,13 +262,15 @@
|
||||
margin-bottom: 10px; }
|
||||
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child {
|
||||
margin-bottom: 0; }
|
||||
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link:hover {
|
||||
background-color: #f9f9f9; }
|
||||
|
||||
@media (max-width: 750px) {
|
||||
.LP-Menu .LP-Menu__List {
|
||||
.LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start; }
|
||||
.LP-Menu .LP-Menu__List .LP-Menu__Item {
|
||||
.LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List .LP-Menu__Item {
|
||||
flex: 1 1 auto; } }
|
||||
|
||||
@media (max-width: 450px) {
|
||||
|
Loading…
Reference in New Issue
Block a user