Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.4)
// ----

.primary-menu {
	font-size: 0.1px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: justify;

	li {
		display: inline-block;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		width: 100%;

		&:hover {
			top: 0;
			
			.sub-menu {
				display: block;
				opacity: 1;
				z-index: 1;
			}
		}
		
		&:first-child:hover {
			.sub-menu {
				left: 0;
				margin-left: 0;
			}
		}

		&.current-menu-item a {
			&:after {
				left: 0;
				margin: 0 20%;
				width: 60%;
			}

			&:hover:after {
				margin: 0;
				width: 100%;
			}
		}
	}
}

SassMeister-output.css

.primary-menu {
  font-size: 0.1px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: justify;
}

.primary-menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.primary-menu li:hover {
  top: 0;
}

.primary-menu li:hover .sub-menu {
  display: block;
  opacity: 1;
  z-index: 1;
}

.primary-menu li:first-child:hover .sub-menu {
  left: 0;
  margin-left: 0;
}

.primary-menu li.current-menu-item a:after {
  left: 0;
  margin: 0 20%;
  width: 60%;
}

.primary-menu li.current-menu-item a:hover:after {
  margin: 0;
  width: 100%;
}