SCSS nesting issues.

[revolutiong]

For some reason or another I can nest this code no matter what variation I try. New to SCSS am sure its something simple.

.social-list li.facebook a {
background-position: -29px 0;}

Trying to nest in code below.

.social-list {
list-style-type: none;
li {
float: left;
a {
background-color: transparent;
background-image: url(http://www.rgfx.net/del/social.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 29px;
height: 28px;
display: block;
}
}
}

Thanks

[revolutiong]

Here my codepen to my attempt to use sprites for social networking icons http://codepen.io/rgfx/pen/zkjDd

[revolutiong]

Thanks, I went a looked up with & does. Serves me right for jumping in and not learning some of basic first :)

[Author]

Posts