2019-06-20 19:17:50 +00:00
|
|
|
// A MenuListItem is a ToggleList item for menus.
|
|
|
|
|
2019-08-08 20:01:03 +00:00
|
|
|
@import '../../minerva.less/minerva.variables.less';
|
|
|
|
@import '../../minerva.less/minerva.mixins.less';
|
2019-06-20 19:17:50 +00:00
|
|
|
|
2019-08-30 17:23:55 +00:00
|
|
|
.toggle-list-item {
|
2019-06-20 19:17:50 +00:00
|
|
|
display: block;
|
2019-09-24 22:12:51 +00:00
|
|
|
padding: 0.75em 0.875em;
|
2019-09-16 20:22:52 +00:00
|
|
|
|
2019-06-20 19:17:50 +00:00
|
|
|
//
|
|
|
|
// Make the app feel like an app, not a JPEG. When hovering over a menu item, add a little
|
|
|
|
// interactivity.
|
|
|
|
&:hover {
|
|
|
|
background: @grayLightest;
|
|
|
|
}
|
|
|
|
}
|
2019-08-30 17:23:55 +00:00
|
|
|
|
|
|
|
.toggle-list-item__anchor {
|
|
|
|
display: block;
|
2019-09-18 15:31:24 +00:00
|
|
|
line-height: 1;
|
2019-08-30 17:23:55 +00:00
|
|
|
|
|
|
|
&:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:visited, &:active {
|
|
|
|
color: @grayMediumDark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle-list-item__label {
|
|
|
|
// Left-align text. Button elements are centered.
|
|
|
|
text-align: left;
|
|
|
|
color: @grayMediumDark;
|
|
|
|
font-weight: bold;
|
|
|
|
white-space: nowrap;
|
|
|
|
vertical-align: middle;
|
|
|
|
font-size: @font-size-minerva-small;
|
|
|
|
}
|