Skip to content

Instantly share code, notes, and snippets.

@duncanmcdougall

duncanmcdougall/1-too-much-nesting.less

Last active December 25, 2015 10:39
Show Gist options
  • Save duncanmcdougall/6963337 to your computer and use it in GitHub Desktop.
Save duncanmcdougall/6963337 to your computer and use it in GitHub Desktop.
Download ZIP
Code for a new blog post
Raw
1-too-much-nesting.less
.main-header {
.nav {
background-color: black;
ul {
li {
display: inline-block;
a {
color: white;
&:hover,
&:focus {
color: red;
}
}
}
}
}
}
Raw
2-too-much-nesting-compiled.css
.main-header .nav {
background-color: black;
}
.main-header .nav ul li {
display: inline-block;
}
.main-header .nav ul li a {
color: white;
}
.main-header .nav ul li a:hover,
.main-header .nav ul li a:focus {
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment