cloudhubui/dist/ant/menu.css

Various components to use in react projects

.ant-menu {
  font-family: 'Geomanist', -apple-system, BlinkMacSystemFont, 'Segoe UI';
}

.ant-menu-submenu {
  background: #c8e6c9;
  border-bottom: 1px solid #bdbdbd;
  padding: 0;
  font-size: 14px;
}

.ant-menu-item span {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: -20px;
}

.ant-menu-item-group .ant-menu-item-group-title {
  font-size: 14px;
  font-weight: 700;
}

.ant-menu-submenu-title span {
  font-size: 14px;
}

.ant-menu-item:hover,
.ant-menu-submenu:hover,
.ant-menu-submenu-title:hover {
  background: #f3e5f5;
  color: #ab47bc;
}

.ant-menu-item > a:hover {
  color: #ab47bc;
}

.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f3e5f5;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #f3e5f5;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #ab47bc;
}