用SASS制作的下拉导航

正如你可能已经猜到了,没有什么复杂的东西。唯一值得一提的是先进的复选框黑客,这是用来模拟切换的效果。
引用css文件
<link rel="stylesheet" href="style.css">
html
<nav class="animenu">	
    <input type="checkbox" id="button">
    <label for="button" onclick>Menu</label>
	<ul>
		<li>
			<a href="#">Item 1</a>
			<ul>
				<li><a href="">Sub Item 1</a></li>
				<li><a href="">Sub Item 2</a></li>
				<li><a href="">Sub Item 3</a></li>
			</ul>
		</li>
		<li> ... </li>
		<li> ... </li>
		<li> ... </li>
	</ul>
</nav>
SASS和指南针

我必须承认,一开始我有点不情愿使用SASS编写CSS但是最后它变成了真正的快乐。有编程的东西像变量和函数在你达到相当令人满意的。我也喜欢帮助你组织代码嵌套规则。最后但并非最不重要,我喜欢使用单行注释,就像在JavaScript和PHP。边注,我使用这里SCSS,SASS的最新语法。