jsketcher/modules/ui/components/Menu.less
2020-05-22 01:17:37 -07:00

66 lines
916 B
Text

@import '../styles/theme.less';
.root {
padding: 5px 0;
}
.item {
padding: 5px 6px 5px 5px;
cursor: pointer;
text-transform: capitalize;
white-space: nowrap;
display: flex;
align-items: center;
&:hover {
background-color: #0074D9;
}
&:active {
background-color: #000d7f;
}
&.disabled:hover, &.disbaled:active {
background-color: #545454;
}
& .hotKey {
color: @font-color-suppressed;
font-size: 9px;
padding-left: 14px;
flex-grow: 1;
text-align: right;
}
& .label {
padding-left: 5px;
padding-right: 3px;
}
}
.separator {
border-top: solid 1px @bg-color-8;
}
.disabled {
color: @font-color-suppressed;
}
.contextMenu {
&:hover .contextMenuBtn {
color: #fff;
}
}
.contextMenuBtn {
display: inline-block;
padding: 2px 3px;
color: #ffffff33;
&:hover {
color: #fff;
}
&:active {
color: #7f0807;
}
}