2016-10-05 18:13:02 +02:00
|
|
|
/* Import */
|
|
|
|
@import '../../styles/variables/variables';
|
|
|
|
|
2016-09-08 23:38:29 +02:00
|
|
|
.leftMenuLink { /* stylelint-disable */
|
|
|
|
margin-bottom: .4rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.leftMenuLinkDestination {
|
|
|
|
display: block;
|
2016-09-09 10:45:58 +02:00
|
|
|
position: relative;
|
2016-09-08 23:38:29 +02:00
|
|
|
color: #3B3F49;
|
|
|
|
padding-left: 2rem;
|
2016-09-09 10:45:58 +02:00
|
|
|
padding-right: 2rem;
|
2016-09-08 23:38:29 +02:00
|
|
|
line-height: 3.6rem;
|
|
|
|
font-size: 1.4rem;
|
|
|
|
border-radius: 2rem;
|
2016-09-09 10:45:58 +02:00
|
|
|
|
2016-10-05 18:13:02 +02:00
|
|
|
&:hover {
|
|
|
|
color: white;
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: $strapi-blue;
|
|
|
|
}
|
2016-09-09 10:45:58 +02:00
|
|
|
}
|
2016-09-08 23:38:29 +02:00
|
|
|
|
2016-09-09 10:45:58 +02:00
|
|
|
.leftMenuLinkDestinationActive {
|
|
|
|
color: white;
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: #1C5DE7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.leftMenuLinkDestinationActive .leftMenuLinkIcon {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.leftMenuLinkIcon {
|
|
|
|
display: none;
|
|
|
|
float: right;
|
|
|
|
padding-top: 1.1rem;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
|
|
|
|
.leftMenuLinkDestination:hover .leftMenuLinkIcon {
|
|
|
|
display: block;
|
2016-09-08 23:38:29 +02:00
|
|
|
}
|