Skip to content

Instantly share code, notes, and snippets.

@duncanmcdougall

duncanmcdougall/1-too-much-nesting-fixed.less

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