scss 页脚菜单的管理员和常用导航项

Posted 2021-05-18

<ul>
 <li><a href="/contact">Contact us</a></li>
 <li class="mceNonEditable"><a href="/sitemap">Sitemap</a></li>
 <li class="mceNonEditable"><a href="/accessibility">Accessibility</a></li>
 <li class="mceNonEditable"><a href="/terms-and-conditions">Terms &amp; conditions</a></li>
 <li class="mceNonEditable"><a href="/privacy-policy">Privacy policy</a></li>
 <li class="menuAdminLogin mceNonEditable"><a href="/login?ReturnURL=%2f">Admin login</a></li>
 <li class="menuAdminDetails mceNonEditable"><a href="/my-details">My details</a></li>
 <li class="menuAdminLogOut mceNonEditable"><a href="/logout?ReturnURL=%2f">Log out</a></li>
</ul>

ul li {
	&.menuAdminDetails,
	&.menuAdminLogOut {
		display: none;
	}
}

body.userLoggedIn {
	ul li {
		&.menuAdminLogin {
			display: none;
		}
		&.menuAdminDetails,
		&.menuAdminLogOut{
			display: inline-block;
		}
	}
}