2015-10-13 03:37:11 +03:00
|
|
|
@import "../mixins";
|
|
|
|
@import "../variables";
|
|
|
|
|
|
|
|
$menu-item-hover-background: unquote("rgb(#{$palette-grey-200})");
|
|
|
|
$menu-item-icon-font-size: 2.4 * $unit;
|
|
|
|
$menu-item-icon-size: 1.6 * $menu-item-icon-font-size;
|
|
|
|
|
|
|
|
.root {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2015-10-13 10:47:34 +03:00
|
|
|
padding: ($offset / 1.5) $offset;
|
|
|
|
color: $color-text;
|
2015-10-13 03:37:11 +03:00
|
|
|
&:not(.disabled) {
|
|
|
|
&:hover {
|
|
|
|
cursor: pointer;
|
2015-10-13 10:47:34 +03:00
|
|
|
background-color: $menu-item-hover-background;
|
2015-10-13 03:37:11 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
&.disabled {
|
2015-10-13 10:47:34 +03:00
|
|
|
opacity: .5;
|
2015-10-13 03:37:11 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
width: $menu-item-icon-size;
|
2015-10-13 10:47:34 +03:00
|
|
|
font-size: $menu-item-icon-font-size !important;
|
2015-10-13 03:37:11 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.caption {
|
|
|
|
flex-grow: 1;
|
|
|
|
font-size: $font-size-normal;
|
|
|
|
}
|