Grow your CSS skills. Land your dream job.

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(http://www.rgfx.net/del/social.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 29px;
    height: 28px;
    display: block;
    }
    }
    }

    Thanks

    # November 6, 2012 at 9:23 pm

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

    # November 6, 2012 at 11:26 pm

    This? http://codepen.io/anon/pen/vryxn

    # 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.

*May or may not contain any actual "CSS" or "Tricks".