@import "../sidebar.less";

.sidebar {
	.sidebar-main-nav {
		.main-nav-ul {
			.main-nav-li {
				a {
					i {
						// TODO: is this actually needed ?
						// else remove it.
						// Or make sure the globally when .material-icons-outlined then well material-icons-outlined is triggered in CSS
						&.material-icons-outlined {
							font-family: var(--icons-font-material-outlined);
						}
					}

					&:before {
						border-top-right-radius: 0;
						border-bottom-right-radius: 0;
					}
				}

				&.active {
					a {
						&:before {
							border-top-right-radius: 0;
							border-bottom-right-radius: 0;
						}
					}
				}
			}
		}
	}
}