The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

SCSS nesting issues.

  • # November 6, 2012 at 9:04 pm

    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(;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 29px;
    height: 28px;
    display: block;


    # November 6, 2012 at 9:23 pm

    Here my codepen to my attempt to use sprites for social networking icons

    # November 6, 2012 at 11:26 pm

    This reply has been reported for inappropriate content.


    # November 6, 2012 at 11:33 pm

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed