Skip to content

Instantly share code, notes, and snippets.

@exchgr

exchgr/proper_nav.css

Created February 12, 2015 21:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save exchgr/775dd6f92718bef3a514 to your computer and use it in GitHub Desktop.
Save exchgr/775dd6f92718bef3a514 to your computer and use it in GitHub Desktop.
Download ZIP
A proper nav
Raw
proper_nav.css
body {
font-family: Helvetica;
}
ul#nav {
padding: 0;
background-color: #eee;
width: 100px;
}
ul#nav li {
padding: 0;
list-style: none;
border-bottom: 1px #ccc solid;
}
ul#nav li:last-child {
border-bottom: 0;
}
ul#nav li a {
box-sizing: border-box;
display: block;
padding: 1em 2em;
text-decoration: none;
color: #666;
}
ul#nav li:hover {
background-color: #fff;
}
Raw
proper_nav.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>a proper nav</title>
<link rel="stylesheet" href="proper_nav.css" type="text/css" media="all" />
</head>
<body>
<ul id="nav">
<li>
<a href="#">cool</a>
</li>
<li>
<a href="#">yeah</a>
</li>
<li>
<a href="#">dude</a>
</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment